/* Little Learners shared styles (navy + gold chrome, playful play area) */
.kid-wrap{max-width:1000px;margin:0 auto}
.kid-title{margin:.3em 0 .4em;font-size:clamp(1.6rem,5vw,2.4rem)}
.kid-stage{position:relative;background:linear-gradient(160deg,#0B1F3A,#123A6B 60%,#1B4E8C);border:4px solid #FFC72C;border-radius:24px;padding:12px;min-height:min(78vh,640px);display:flex;flex-direction:column;gap:10px;overflow:hidden;color:#FFF6DC;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.kid-stage:fullscreen{border-radius:0;min-height:100vh;border:none}
.kid-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.kid-stars{font-size:1.6rem;font-weight:800;color:#FFC72C;min-width:4em}
.kid-tools{display:flex;gap:8px;flex-wrap:wrap}
.kid-btn{font:inherit;font-weight:800;font-size:1.05rem;min-height:56px;min-width:56px;padding:8px 16px;border-radius:16px;border:3px solid #FFC72C;background:#021F54;color:#FFC72C;cursor:pointer}
.kid-btn[aria-pressed="true"]{background:#FFC72C;color:#021F54}
.kid-btn:focus-visible{outline:4px solid #F3E5AB;outline-offset:2px}
.kid-prompt{text-align:center;font-size:clamp(1.5rem,6vw,2.6rem);font-weight:900;color:#F3E5AB;margin:4px 0;min-height:1.3em}
.kid-play{flex:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(10px,3vw,24px);padding:6px}
.kid-big{font:inherit;cursor:pointer;border:5px solid rgba(255,255,255,.85);border-radius:28px;width:clamp(110px,28vw,180px);height:clamp(110px,28vw,180px);display:flex;align-items:center;justify-content:center;font-size:clamp(3rem,13vw,6rem);font-weight:900;color:#021F54;background:#F3E5AB;box-shadow:0 8px 0 rgba(0,0,0,.25);transition:transform .15s}
.kid-big:active{transform:scale(.94)}
.kid-big.kid-yay{animation:kidyay .6s}
.kid-big.kid-nudge{animation:kidwig .5s}
@keyframes kidyay{50%{transform:scale(1.2) rotate(6deg)}}
@keyframes kidwig{25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}
.kid-fx{position:absolute;inset:0;pointer-events:none;width:100%;height:100%}
.kid-cheer{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%) scale(0);font-size:clamp(2rem,9vw,4rem);font-weight:900;color:#FFC72C;text-shadow:0 4px 0 #021F54;pointer-events:none;transition:transform .3s;white-space:nowrap}
.kid-cheer.on{transform:translate(-50%,-50%) scale(1)}
.kid-modes{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.kid-help{margin-top:1rem}
.kid-help h2{margin-top:0}
.gc-kids-tag{display:inline-block;font-size:.75em;background:#F3E5AB;color:#021F54;border-radius:999px;padding:2px 10px;margin-left:6px;font-weight:800}
.games-kids-h{margin-top:1.4em}
.gc-kcolors::before{content:"\1F388";position:absolute;left:30%;top:18%;font-size:64px}
.gc-kshapes::before{content:"\2B50";position:absolute;left:30%;top:18%;font-size:64px}
.gc-kcount::before{content:"123";position:absolute;left:24%;top:24%;font-size:52px;font-weight:900;color:#FFC72C}
.gc-kabc::before{content:"ABC";position:absolute;left:22%;top:24%;font-size:52px;font-weight:900;color:#FFC72C}
/* shapes */
.ks-holes,.ks-pieces{display:flex;flex-wrap:wrap;gap:clamp(10px,3vw,24px);justify-content:center;width:100%}
.ks-hole{width:clamp(100px,26vw,160px);height:clamp(100px,26vw,160px);border-radius:24px;background:rgba(0,0,0,.25);border:4px dashed #F3E5AB;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font:inherit}
.ks-hole svg,.ks-piece svg{width:80%;height:80%;pointer-events:none}
.ks-piece{width:clamp(100px,26vw,160px);height:clamp(100px,26vw,160px);border-radius:24px;background:#F3E5AB;border:5px solid #fff;cursor:grab;display:flex;align-items:center;justify-content:center;padding:0;touch-action:none;font:inherit}
.ks-piece.sel{outline:6px solid #FFC72C;transform:scale(1.06)}
.ks-piece.drag{position:fixed;z-index:50;pointer-events:none;margin:0}
.ks-piece.gone{visibility:hidden}
/* counting */
.kc-things{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:clamp(2.4rem,9vw,4.2rem);width:100%;min-height:2em}
.kc-thing{background:none;border:none;font:inherit;cursor:pointer;padding:4px;border-radius:16px;line-height:1.1;position:relative}
.kc-thing.counted{background:rgba(255,199,44,.25)}
.kc-thing .kc-n{position:absolute;right:-2px;top:-4px;font-size:.35em;font-weight:900;background:#FFC72C;color:#021F54;border-radius:999px;padding:0 .4em}
.kc-plus{width:100%;text-align:center;font-size:clamp(2rem,8vw,3.5rem);font-weight:900;color:#FFC72C}
/* abc */
.ka-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(64px,17vw,96px),1fr));gap:10px;width:100%}
.ka-key{font:inherit;font-weight:900;font-size:clamp(2rem,7vw,3rem);min-height:clamp(64px,17vw,96px);border-radius:18px;border:4px solid rgba(255,255,255,.8);color:#021F54;cursor:pointer}
.ka-show{display:flex;align-items:center;justify-content:center;gap:16px;font-size:clamp(4rem,18vw,8rem);font-weight:900;color:#FFC72C;min-height:1.2em}
.ka-show .ka-word{font-size:.3em;color:#F3E5AB;display:block;text-align:center}
@media (orientation:landscape) and (max-height:500px){.kid-stage{min-height:92vh}.kid-big{width:110px;height:110px;font-size:3.4rem}.kc-things{font-size:2.4rem}}
/* reading */
.kr-pic{font-size:clamp(4rem,18vw,7rem);text-align:center;width:100%;line-height:1.1}
.kr-tiles{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;width:100%}
.kr-tile{font:inherit;font-weight:900;font-size:clamp(2.6rem,11vw,4.5rem);width:clamp(80px,22vw,120px);height:clamp(80px,22vw,120px);border-radius:20px;border:4px solid #FFC72C;background:#021F54;color:#F3E5AB;cursor:pointer}
.kr-tile.on{background:#FFC72C;color:#021F54}
.kr-word{font-size:clamp(1.8rem,8vw,3.2rem)!important;width:auto!important;min-width:clamp(110px,28vw,180px);padding:0 16px}
.kr-sent{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%;margin:0}
.kr-sw{font:inherit;font-weight:900;font-size:clamp(1.8rem,8vw,3rem);padding:6px 14px;border-radius:14px;border:3px solid transparent;background:rgba(0,0,0,.2);color:#F3E5AB;cursor:pointer;min-height:56px}
.kr-sw.hi{background:#FFC72C;color:#021F54;border-color:#F3E5AB}
/* writing */
.kw-cv{width:100%;height:clamp(260px,52vh,480px);border-radius:18px;border:3px solid #F3E5AB;touch-action:none;display:block;cursor:crosshair}
.gc-kread::before{content:"\1F4D6";position:absolute;left:30%;top:18%;font-size:64px}
.gc-kwrite::before{content:"\270F\FE0F";position:absolute;left:30%;top:18%;font-size:64px}
/* first words */
.kw-pickers{display:flex;flex-direction:column;gap:8px}
.kw-lang{display:flex;flex-direction:column;align-items:center;line-height:1.1}
.kw-lang small{font-size:.75em;font-weight:600;opacity:.85}
.kw-show{width:100%;text-align:center;min-height:3.2em;display:flex;flex-direction:column;align-items:center;justify-content:center}
.kw-word{font-size:clamp(2.2rem,9vw,4rem);font-weight:900;color:#FFC72C;line-height:1.1}
.kw-py{font-size:clamp(1.4rem,5vw,2rem);color:#F3E5AB;font-weight:700}
.kw-en{font-size:clamp(1rem,4vw,1.4rem);color:#F3E5AB;opacity:.85}
.kw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(92px,26vw,140px),1fr));gap:12px;width:100%}
.kw-find{grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px;margin:0 auto}
.kw-card{font:inherit;cursor:pointer;aspect-ratio:1;border-radius:22px;border:4px solid rgba(255,255,255,.8);background:#F3E5AB;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 0 rgba(0,0,0,.25);padding:0}
.kw-card.kid-yay{animation:kidyay .6s}.kw-card.kid-nudge{animation:kidwig .5s}
.kw-pic{font-size:clamp(3rem,13vw,5rem);line-height:1}
.kw-swatch{width:70%;height:70%;border-radius:50%;border:3px solid rgba(0,0,0,.3)}
.kw-num{font-weight:900;color:#021F54}
.kw-note{margin-top:.8rem}
.gc-kwords::before{content:"\1F5E3\FE0F";position:absolute;left:30%;top:18%;font-size:64px}
/* first words: compact one-line pickers so the game fills the screen */
.kw-pickers .kid-modes{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:4px;scrollbar-width:thin}
.kw-pickers .kid-btn{flex:0 0 auto;min-height:48px;font-size:.95rem;padding:4px 12px}
.kw-pickers .kw-lang small{display:none}
@media (min-width:900px){.kw-pickers .kid-modes{flex-wrap:wrap;justify-content:center}.kw-pickers .kw-lang small{display:inline}}
/* ===== Shared full screen + minimal HUD for Little Learners (Oct 25 2026, see audit SPEC) ===== */
.kid-fsicon{position:absolute;top:4px;right:4px;z-index:30;width:48px;height:48px;min-width:48px;min-height:48px;padding:0;border:0;background:none;color:#FFC72C;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}
.kid-fsicon::before{content:"";position:absolute;inset:6px;border-radius:12px;background:rgba(2,31,84,.62);border:1px solid rgba(255,199,44,.75);box-shadow:0 2px 10px rgba(2,12,30,.35),inset 0 1px 0 rgba(243,229,171,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.kid-fsicon svg{position:relative;width:20px;height:20px}
.kid-fsicon:focus-visible{outline:none}.kid-fsicon:focus-visible::before{outline:3px solid #F3E5AB;outline-offset:2px}
.kid-top{padding-right:52px}
/* Slim glass HUD: stars pill + light tool buttons */
.kid-stars{font-size:1.3rem;min-width:0;padding:4px 14px;border-radius:999px;background:rgba(2,31,84,.55);border:1px solid rgba(255,199,44,.6);box-shadow:inset 0 1px 0 rgba(243,229,171,.2)}
.kid-tools .kid-btn{min-height:48px;font-size:1rem;padding:4px 14px;border-width:1px;border-radius:999px;background:rgba(2,31,84,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.kid-tools .kid-btn[aria-pressed="true"]{background:rgba(2,31,84,.55);color:#FFC72C}
/* Full screen (real API or iPhone pseudo full screen) */
html.g-fs-on,html.g-fs-on body{overflow:hidden!important}
html.g-fs-on .btt,html.g-fs-on header.site,html.g-fs-on footer.site{display:none!important}
.kid-stage.kid-full{border:0;border-radius:0;min-height:100vh;min-height:100dvh;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}
.kid-stage.kid-pfs{position:fixed;inset:0;z-index:9999;width:100vw;height:100vh;height:100dvh;overflow:auto;overscroll-behavior:contain}
.kid-stage.kid-full .kid-fsicon{top:max(4px,env(safe-area-inset-top));right:max(4px,env(safe-area-inset-right))}
.kid-stage.kid-full>.kid-modes{opacity:.85}
@media (max-width:520px){.kid-tools .kid-btn{padding:4px 10px;font-size:.95rem}}
.kid-btn.kid-fsicon,.kid-btn.kid-fsicon[aria-pressed="true"]{background:none;border:0;border-radius:0;padding:0;color:#FFC72C;min-width:48px;min-height:48px}
.kid-btn.kid-fsicon:hover,.kid-btn.kid-fsicon:active,.kid-btn.kid-fsicon:focus{background:none;color:#FFC72C;transform:none}
.kid-setbtn{display:none}
.kid-stage.kid-full{overflow:auto}
.kid-stage.kid-full .kid-setbtn{display:inline-flex;align-items:center;gap:4px}
.kid-stage.kid-full:not(.kid-set-open) .kid-modes,.kid-stage.kid-full:not(.kid-set-open) .kw-pickers{display:none}
.kid-stage.kid-full .kid-prompt{font-size:clamp(1.4rem,5vw,2.3rem);margin:0}
@media (orientation:landscape) and (max-height:500px){.kid-stage.kid-full{gap:6px}.kid-stage.kid-full .kid-prompt{font-size:1.4rem;min-height:0}.kid-stage.kid-full .kw-grid{grid-template-columns:repeat(auto-fill,minmax(min(26dvh,120px),1fr))}}