.kids-main{max-width:1120px}.kids-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:30px;align-items:start}.kids-stage{min-width:0;position:relative;background:#111529;border:1px solid #625775;padding:24px}.kids-stage-head{margin-bottom:22px}.kids-stage-head h1{font-size:clamp(1.7rem,3.4vw,2.25rem);margin-bottom:6px}.kids-stage-head p{font-size:1rem;margin-bottom:0;color:var(--muted)}
.kids-setting-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:22px}.kids-switch{display:flex;flex-wrap:wrap;gap:8px}.kids-switch button{background:#1e1b32;border:1px solid #736780;color:var(--muted);padding:9px 14px;min-height:48px;font:1rem/1.5 var(--sans)}.kids-switch button[aria-pressed=true]{border-color:var(--amber);background:#3b293b;color:var(--amber)}.kids-switch button:hover{border-color:var(--cyan)}
.puzzle-theme-switch{display:flex;gap:8px;min-width:0;flex-wrap:wrap}.puzzle-theme-switch button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:54px;background:#16192c;border:1px solid #736780;color:var(--muted);padding:6px 10px;font-size:.875rem}.puzzle-theme-switch button img{display:block;width:42px;height:42px;object-fit:cover;image-rendering:pixelated}.puzzle-theme-switch button[aria-pressed=true]{color:var(--amber);border-color:var(--amber);background:#302438}.puzzle-theme-switch button:hover{border-color:var(--cyan)}
.puzzle-play-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.4fr);gap:20px;align-items:start}.kids-puzzle-board{--puzzle-size:2;display:grid;grid-template-columns:repeat(var(--puzzle-size),minmax(0,1fr));gap:6px;min-width:0;width:100%;max-width:540px;aspect-ratio:1;background:#060a16;border:2px solid #6e6484;padding:5px}.puzzle-tile{position:relative;display:block;min-width:0;aspect-ratio:1;padding:0;border:2px solid transparent;background:#192039;overflow:hidden;touch-action:manipulation}.puzzle-tile img{position:absolute;max-width:none;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-select:none}.puzzle-tile[aria-pressed=true]{border-color:var(--amber);box-shadow:inset 0 0 0 3px var(--amber);z-index:1}.puzzle-tile[aria-pressed=true]::after{content:"";position:absolute;inset:0;border:3px solid var(--amber);pointer-events:none}.puzzle-tile:focus-visible{outline:3px solid var(--cyan);outline-offset:-4px;z-index:2}.puzzle-tile:disabled{opacity:1;cursor:default}.tile-correct{position:absolute;bottom:3px;right:3px;display:grid;place-items:center;width:24px;height:24px;background:#111d2c;color:#bce79c;border:1px solid #bce79c;pointer-events:none}.tile-correct svg{width:19px;height:19px}
.puzzle-reference{margin:0;min-width:0}.puzzle-reference-picture{position:relative;display:block;width:100%;height:auto;aspect-ratio:1;overflow:hidden;border:1px solid #746a86;background:#0d1223}.puzzle-reference figcaption{font-size:.875rem;color:var(--muted);margin-top:8px;text-align:center}
.kids-progress-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 18px;margin-top:20px}.puzzle-placement{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;font-size:.875rem;color:var(--muted)}.puzzle-placement strong{font:600 1.1rem/1.5 var(--mono);color:var(--text)}.puzzle-progress-dots{display:inline-flex;gap:4px;flex-wrap:wrap;max-width:130px}.puzzle-progress-dots span{display:block;width:9px;height:9px;border:1px solid #918899;background:#1e243a}.puzzle-progress-dots .is-correct{background:#bce79c;border-color:#bce79c}.kids-hint-count{font-size:.8125rem;color:var(--purple)}
.kids-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.kids-actions .game-button{min-height:50px;padding:10px 15px;touch-action:manipulation}.kids-message{min-height:3.4em;margin:20px 0 0;color:var(--cyan);font-size:.9375rem;line-height:1.7;overflow-wrap:anywhere}.kids-page button:focus-visible,.kids-page a:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.kids-companion{padding-top:10px;min-width:0}.kids-companion h2{font-size:1.2rem;margin:14px 0}.kids-companion p{font-size:.9375rem;line-height:1.9;margin-bottom:16px}.kids-keyboard-help{border-top:1px solid var(--line);padding-top:16px;font-size:.875rem!important}.kids-kaka{display:block;width:108px;height:117px;background:url('../assets/optimized/kaka.webp?v=40287c3f48') 0 0 / 864px auto no-repeat;image-rendering:pixelated}.kids-companion .back-link{display:inline-block;white-space:normal;min-height:44px}
.color-progress{font-size:.9375rem;color:var(--purple)}.color-target-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;margin:12px auto 28px}.color-target{display:grid;place-items:center;width:188px;height:188px;background:#090e20;border:2px solid #83768f;padding:12px}.color-target svg{display:block;width:100%;height:100%}.color-target[data-matched=true]{border-color:#bce79c}.color-look-down{width:30px;height:34px;color:var(--purple)}
.color-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:580px;margin:auto}.color-options[data-choices="4"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:400px}.color-choice{position:relative;display:grid;place-items:center;min-width:0;min-height:112px;aspect-ratio:1.15;background:#090e20;color:var(--text);border:2px solid #7b708a;padding:13px;touch-action:manipulation}.color-choice>svg{display:block;width:100%;height:100%;max-width:110px;max-height:110px;pointer-events:none}.color-choice:hover{border-color:var(--cyan)}.color-choice[data-tried=true]{border-color:var(--purple)}.color-choice[data-matched=true]{border-color:#bce79c;background:#142334}.color-choice[data-round-done=true]{cursor:default}.color-correct{position:absolute;right:5px;bottom:5px;display:grid;place-items:center;width:26px;height:26px;border:1px solid #bce79c;background:#142334;color:#bce79c}.color-correct svg{width:20px;height:20px}.color-actions{justify-content:center}.color-next{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-width:185px;min-height:58px!important;font-size:1.125rem}.color-next svg{width:30px;height:30px}.kids-color-stage .kids-message{text-align:center}
@media(max-width:1000px){.kids-layout{grid-template-columns:minmax(0,1fr) 200px;gap:22px}.kids-stage{padding:20px}.puzzle-play-row{gap:14px;grid-template-columns:minmax(0,1fr) 110px}.puzzle-theme-switch button{padding:6px 8px}.puzzle-theme-switch button span{display:none}.puzzle-theme-switch button img{width:44px;height:44px}}
@media(max-width:800px){.kids-layout{grid-template-columns:1fr;gap:26px}.kids-companion{display:grid;grid-template-columns:90px minmax(0,1fr);gap:0 20px;align-items:start}.kids-kaka{grid-column:1;grid-row:1/6;width:90px;height:98px;background-size:720px auto}.kids-companion h2,.kids-companion p,.kids-companion a{grid-column:2}.kids-companion h2{margin-top:0}.puzzle-play-row{grid-template-columns:minmax(0,1fr) minmax(100px,.32fr)}.kids-puzzle-board{max-width:500px}.color-options{max-width:540px}}
@media(max-width:480px){.kids-stage{padding:16px}.kids-stage-head{margin-bottom:18px}.kids-stage-head h1{font-size:1.7rem}.kids-stage-head p{font-size:.9375rem}.kids-setting-row{gap:12px;margin-bottom:18px}.kids-switch button{min-height:46px;padding:8px 12px}.puzzle-theme-switch{gap:7px}.puzzle-theme-switch button{padding:4px;min-height:46px}.puzzle-theme-switch button img{width:36px;height:36px}.puzzle-play-row{grid-template-columns:minmax(0,1fr) 82px;gap:10px}.kids-puzzle-board{gap:4px;padding:3px}.puzzle-tile{border-width:1px}.puzzle-tile[aria-pressed=true]::after{border-width:2px}.tile-correct{width:18px;height:18px;bottom:2px;right:2px}.tile-correct svg{width:15px;height:15px}.puzzle-reference figcaption{font-size:.8125rem;margin-top:6px}.kids-progress-row{margin-top:16px;gap:8px}.puzzle-placement{gap:6px 10px}.puzzle-progress-dots{gap:3px}.kids-actions{gap:9px;margin-top:16px}.kids-actions .game-button{flex:1 1 100px;padding:9px 10px;min-height:49px;font-size:.9375rem}.kids-message{font-size:.875rem;margin-top:18px}.kids-companion{grid-template-columns:70px minmax(0,1fr);gap:0 14px}.kids-kaka{width:70px;height:76px;background-size:560px auto}.kids-companion p{font-size:.875rem}.kids-companion h2{font-size:1.1rem}.color-target-wrap{gap:12px;margin-bottom:22px}.color-target{width:156px;height:156px;padding:9px}.color-options{gap:10px}.color-choice{min-height:84px;aspect-ratio:1;padding:9px}.color-choice>svg{max-width:95px;max-height:95px}.color-options[data-choices="4"]{max-width:300px}.color-progress{font-size:.875rem}.color-actions .color-next{flex:0 1 200px;min-height:58px;font-size:1.125rem}.color-correct{width:22px;height:22px;right:3px;bottom:3px}.color-correct svg{width:18px;height:18px}}
@media(max-width:360px){.kids-stage{padding:12px}.puzzle-play-row{grid-template-columns:minmax(0,1fr) 68px;gap:8px}.puzzle-theme-switch button img{width:32px;height:32px}.kids-switch button{padding-inline:9px}.color-choice{min-height:76px;padding:6px}.color-options{gap:8px}.color-target{width:145px;height:145px}.kids-progress-row{align-items:flex-start}.puzzle-progress-dots{max-width:105px}}
@media(prefers-reduced-motion:reduce){.kids-page *,.kids-page *::before,.kids-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.kids-puzzle-stage .kids-actions .game-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;line-height:1.5}.kids-actions .game-button>svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.kids-action-kaka{display:block;width:24px;height:26px;flex-shrink:0;background:url('../assets/optimized/kaka.webp?v=40287c3f48') 0 0 / 192px auto no-repeat;image-rendering:pixelated}

/* One 192×208 idle frame from the existing 1536×2288, 8×11 sprite sheet.
   Keep the full frame inside the same square used by tiles, reference and thumbnail. */
.puzzle-picture{position:relative;display:block;width:100%;height:100%;aspect-ratio:1;overflow:hidden;background:#0d1223;pointer-events:none}.puzzle-picture .puzzle-picture-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;image-rendering:pixelated;border:0;pointer-events:none;user-select:none;-webkit-user-select:none}.puzzle-picture-kaka{background:linear-gradient(135deg,#252b49,#39304f)}.puzzle-kaka-frame{position:absolute;top:0;left:3.8461538%;display:block;width:92.3076923%;height:100%;background:url('../assets/optimized/kaka.webp?v=40287c3f48') 0 0 / 800% 1100% no-repeat;image-rendering:pixelated;pointer-events:none}.puzzle-tile-picture{position:absolute;max-width:none}.puzzle-theme-switch .puzzle-theme-kaka{display:block;width:42px;height:42px;flex-shrink:0}.puzzle-theme-kaka .puzzle-kaka-frame{display:block}.puzzle-piece-label{position:absolute;top:2px;left:2px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 3px;background:#101326e8;color:var(--text);font:600 .6875rem/1 var(--mono);pointer-events:none}.puzzle-reference-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));pointer-events:none}.puzzle-reference-grid>span{padding:2px;color:var(--text);font:600 .625rem/1 var(--mono);border:1px solid #c2b4ff55;text-shadow:0 1px 2px #090b19;background:#090b190a}
.kids-puzzle-page[data-puzzle-size="4"] .kids-puzzle-board{min-width:min(100%,220px)}
.kids-mode-switch{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 100%}.kids-mode-switch button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:88px;min-height:66px;padding:8px 12px;background:#1e1b32;border:1px solid #736780;color:var(--muted);font:.875rem/1.4 var(--sans)}.kids-mode-switch button svg{display:block;width:58px;height:24px;flex-shrink:0}.kids-mode-switch button[aria-pressed=true]{border-color:var(--amber);background:#3b293b;color:var(--amber)}.kids-mode-switch button:hover{border-color:var(--cyan)}.color-match-rule{display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 10px;border:1px solid #6c607c;background:#17162b;color:var(--cyan)}.color-match-rule>svg{display:block;width:34px;height:34px}.color-match-rule>.color-rule-equals{width:20px;height:20px}
.kids-puzzle-page [data-game-stage].is-immersive .puzzle-theme-switch button .puzzle-theme-kaka{display:block;width:34px;height:34px}.kids-puzzle-page [data-game-stage].is-immersive .puzzle-theme-switch button .puzzle-theme-kaka .puzzle-kaka-frame{display:block}.kids-page [data-game-stage].is-immersive .kids-mode-switch{gap:6px}.kids-page [data-game-stage].is-immersive .kids-mode-switch button{min-height:50px;padding:4px 10px;gap:2px}.kids-page [data-game-stage].is-immersive .kids-mode-switch button svg{width:48px;height:20px}.kids-page [data-game-stage].is-immersive .color-match-rule{padding:2px 8px}.kids-page [data-game-stage].is-immersive .color-match-rule>svg{width:26px;height:26px}.kids-page [data-game-stage].is-immersive .color-match-rule>.color-rule-equals{width:17px;height:17px}
@media(max-width:1000px){.puzzle-theme-switch .puzzle-theme-kaka{width:44px;height:44px}}
@media(max-width:480px){.puzzle-theme-switch .puzzle-theme-kaka{width:36px;height:36px}.kids-puzzle-page[data-puzzle-size="4"] [data-game-stage].kids-puzzle-stage .puzzle-play-row{grid-template-columns:1fr}.kids-puzzle-page[data-puzzle-size="4"] [data-game-stage].kids-puzzle-stage .kids-puzzle-board{width:100%;max-width:420px}.kids-puzzle-page[data-puzzle-size="4"] [data-game-stage].kids-puzzle-stage .puzzle-reference{order:-1;width:92px;max-width:92px;justify-self:end}.kids-mode-switch{gap:7px}.kids-mode-switch button{min-width:82px;padding:7px 9px;font-size:.8125rem}.kids-mode-switch button svg{width:54px}.color-match-rule>svg{width:28px;height:28px}.puzzle-piece-label{min-width:16px;height:16px;padding-inline:2px;font-size:.625rem}.puzzle-reference-grid>span{font-size:.5625rem;padding:1px}}
@media(max-width:360px){.puzzle-theme-switch .puzzle-theme-kaka{width:32px;height:32px}.kids-mode-switch button{min-width:76px;padding-inline:7px}.kids-mode-switch button svg{width:50px}}