:root{--kid-bg-top: #fff3b0;--kid-bg-bottom: #ffcf87;--kid-screen-bg: radial-gradient(circle at 15% 10%, #fffbe5 0%, #ffe7a3 30%, #ffc46a 70%, #ffb04d 100%);--kid-panel: rgba(255, 255, 255, .72);--kid-panel-solid: #fffaf0;--kid-ink: #5a3b00;--kid-ink-soft: #7a4d00;--kid-border: rgba(255, 177, 0, .7);--kid-border-strong: #c96a00;--kid-shadow: rgba(90, 59, 0, .18);--kid-shadow-strong: rgba(90, 59, 0, .28);--kid-button-top: #ffe26b;--kid-button-bottom: #ffb703;--kid-button-press: rgba(201, 106, 0, .55);--kid-focus: rgba(255, 177, 0, .65);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--header-offset: clamp(6px, 1.6vh, 12px);--header-padding-y: clamp(6px, 1.4vh, 10px);--header-padding-x: clamp(8px, 1.8vh, 12px);--header-gap: clamp(6px, 1.2vh, 10px);--header-max-height: clamp(56px, 14vh, 92px);--header-radius: clamp(18px, 4vh, 26px);--game-top-space: calc(var(--header-offset) + var(--header-max-height) + clamp(12px, 3vh, 18px))}@font-face{font-family:ZCOOL KuaiLe Local;src:url(/assets/ZCOOLKuaiLe-Regular-DxKSnY3m.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{font-family:ZCOOL KuaiLe Local,ZCOOL KuaiLe,Comic Sans MS,cursive,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.35;font-weight:400;color-scheme:light;color:var(--kid-ink);background-color:var(--kid-bg-top);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:var(--kid-screen-bg)}#root{margin:0 auto;text-align:center;width:100%;min-height:100vh}@supports (min-height: 100dvh){body,#root{min-height:100dvh}}@media (orientation: landscape) and (max-height: 520px){:root{--header-offset: clamp(6px, 1.2vh, 10px);--header-padding-y: clamp(5px, 1.1vh, 8px);--header-padding-x: clamp(7px, 1.4vh, 10px);--header-gap: clamp(5px, 1vh, 8px);--header-max-height: clamp(52px, 16vh, 78px);--header-radius: clamp(16px, 3.6vh, 22px);--game-top-space: calc(var(--header-offset) + var(--header-max-height) + clamp(10px, 2.6vh, 14px))}}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:4px solid var(--kid-focus);outline-offset:3px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid var(--kid-border-strong);background:linear-gradient(180deg,var(--kid-button-top) 0%,var(--kid-button-bottom) 100%);color:var(--kid-ink);border-radius:18px;padding:12px 18px;font-family:inherit;font-size:18px;font-weight:800;letter-spacing:.5px;cursor:pointer;box-shadow:0 8px 0 var(--kid-button-press),0 18px 32px var(--kid-shadow);transition:transform .12s ease,box-shadow .12s ease,filter .16s ease}button:hover{filter:brightness(1.02);transform:translateY(-1px)}button:active{transform:translateY(6px);box-shadow:0 2px 0 var(--kid-button-press),0 10px 18px var(--kid-shadow)}button:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:0 4px 0 var(--kid-button-press),0 14px 22px var(--kid-shadow)}input{font-family:inherit}#root{max-width:1280px;margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes pop{0%{transform:scale(.9)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes pulse-green{0%{transform:scale(1);box-shadow:0 0 #4caf50b3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #4caf5000}to{transform:scale(1);box-shadow:0 0 #4caf5000}}.anim-shake{animation:shake .3s cubic-bezier(.36,.07,.19,.97) both}.anim-pop{animation:pop .3s ease-out}.anim-pulse{animation:pulse-green .5s ease-out}.click-feedback{transition:transform .1s}.click-feedback:active{transform:scale(.9)!important}.game-header{position:fixed;top:calc(var(--safe-top) + var(--header-offset));left:calc(var(--safe-left) + var(--header-offset));right:calc(var(--safe-right) + var(--header-offset));display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-sizing:border-box;flex-wrap:nowrap;gap:var(--header-gap);z-index:10;padding:var(--header-padding-y) var(--header-padding-x);background:var(--kid-panel);border:3px solid var(--kid-border);border-radius:var(--header-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 40px var(--kid-shadow);overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;min-height:clamp(52px,12vh,72px);max-height:var(--header-max-height)}.game-header>.game-header-left,.game-header>.game-header-right{display:flex;flex-direction:row;align-items:center;gap:var(--header-gap);flex:0 0 auto}.game-header>.game-header-right{justify-content:flex-end;flex-wrap:nowrap}.game-back-button{background:linear-gradient(180deg,var(--kid-button-top) 0%,var(--kid-button-bottom) 100%);border:3px solid var(--kid-border-strong);color:var(--kid-ink);padding:clamp(6px,1.4vh,8px) clamp(10px,2.2vh,14px);border-radius:clamp(14px,3.4vh,18px);cursor:pointer;font-size:clamp(12px,2.2vh,14px);font-weight:700;box-shadow:0 6px 0 var(--kid-button-press),0 18px 28px var(--kid-shadow);transition:transform .12s ease,box-shadow .12s ease,filter .16s ease;line-height:1;white-space:nowrap}.game-back-button:hover{filter:brightness(1.02);transform:translateY(-1px)}.game-back-button:active{transform:translateY(6px);box-shadow:0 2px 0 var(--kid-button-press),0 10px 18px var(--kid-shadow)}.game-header-title{margin:0;font-weight:700;color:var(--kid-ink);font-size:clamp(16px,2.8vh,22px);text-shadow:0 2px 0 rgba(255,255,255,.7);letter-spacing:1px;white-space:nowrap}.game-info-badge{background:#ffffffa6;padding:clamp(4px,1.1vh,6px) clamp(8px,1.8vh,12px);border-radius:clamp(12px,3vh,16px);font-weight:700;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:clamp(12px,2.2vh,14px);color:var(--kid-ink);border:2px solid var(--kid-border);box-shadow:0 10px 18px var(--kid-shadow);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1}.game-info-badge-time{min-width:min(24vw,132px);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.game-grid{display:grid;gap:clamp(6px,1.5vw,8px);padding:clamp(10px,2.5vw,12px);border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff8c;border:4px solid var(--kid-border);box-shadow:0 18px 45px var(--kid-shadow)}.grid-cell{border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;touch-action:manipulation;border:3px solid rgba(255,255,255,.7)}.game-canvas{border-radius:20px;box-shadow:0 18px 45px var(--kid-shadow-strong);max-width:95vw;width:auto;height:auto;max-height:75vh;cursor:default;touch-action:none;margin:0 auto;display:block}.home-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 14px;box-sizing:border-box}.home-card{width:min(520px,92vw);max-height:calc(100vh - var(--safe-top) - var(--safe-bottom) - 32px);overflow:auto;background:#ffffffbf;border:4px solid var(--kid-border);border-radius:28px;box-shadow:0 22px 55px var(--kid-shadow);padding:22px 18px}.home-title{margin:0 0 12px;font-size:clamp(28px,6vw,40px);color:var(--kid-ink);text-shadow:0 3px 0 rgba(255,255,255,.8)}.home-subtitle{margin:0 0 18px;color:var(--kid-ink-soft);font-size:clamp(16px,3.6vw,18px)}.home-menu{display:flex;flex-direction:column;gap:12px}.home-link-button{display:inline-flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;border:3px solid var(--kid-border-strong);background:linear-gradient(180deg,var(--kid-button-top) 0%,var(--kid-button-bottom) 100%);color:var(--kid-ink);border-radius:18px;padding:14px 16px;font-size:18px;font-weight:900;letter-spacing:.5px;box-shadow:0 8px 0 var(--kid-button-press),0 18px 32px var(--kid-shadow);transition:transform .12s ease,box-shadow .12s ease,filter .16s ease}.home-link-button:hover{filter:brightness(1.02);transform:translateY(-1px)}.home-link-button:active{transform:translateY(6px);box-shadow:0 2px 0 var(--kid-button-press),0 10px 18px var(--kid-shadow)}.bgm-controls{display:flex;gap:clamp(6px,1.2vh,10px);z-index:100;align-items:center}.bgm-icon-button{width:clamp(38px,7vh,48px);height:clamp(38px,7vh,48px);border-radius:999px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:clamp(18px,3.8vh,22px);border:3px solid var(--kid-border-strong);background:#ffffffa6;color:var(--kid-ink);box-shadow:0 7px 0 var(--kid-button-press),0 14px 22px var(--kid-shadow)}.bgm-icon-button.on{background:linear-gradient(180deg,#fff4a8,#ffd166)}.bgm-icon-button:active{transform:translateY(6px);box-shadow:0 2px 0 var(--kid-button-press),0 10px 18px var(--kid-shadow)}.debug-config-form{display:flex;flex-direction:column;gap:clamp(12px,3vw,18px)}.debug-config-field{display:flex;flex-direction:column;gap:clamp(6px,2vw,8px)}.debug-config-label{font-size:clamp(14px,4vw,16px);color:var(--kid-ink);font-weight:900;display:flex;align-items:center;gap:clamp(6px,2vw,8px)}.debug-config-input{padding:clamp(10px,3vw,14px) clamp(12px,3vw,16px);border-radius:clamp(12px,3vw,14px);border:3px solid var(--kid-border-strong);background-color:#fff;color:var(--kid-ink);font-size:clamp(16px,4vw,18px);font-weight:900}.debug-config-input:focus-visible{outline:4px solid var(--kid-focus);outline-offset:3px}.debug-config-actions{display:flex;gap:clamp(8px,2vw,12px);margin-top:clamp(18px,4vw,25px)}.debug-config-actions .btn-secondary{background:linear-gradient(180deg,#fff1da,#ffd6a5)}.debug-config-actions .btn-primary{background:linear-gradient(180deg,#ffe26b,#ff9f1c)}.game-canvas-playing{cursor:pointer}.memory-maze-container,.schulte-grid-container,.color-catcher-container{box-sizing:border-box;padding-top:calc(var(--safe-top) + var(--game-top-space));padding-bottom:calc(var(--safe-bottom) + 14px);padding-left:calc(var(--safe-left) + 12px);padding-right:calc(var(--safe-right) + 12px)}@supports (min-height: 100dvh){.home-screen{min-height:100dvh}.home-card{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 32px)}.memory-maze-container,.schulte-grid-container,.color-catcher-container{min-height:100dvh}}@media (orientation: landscape) and (max-height: 520px){.game-canvas{max-height:68vh}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}