/* Focus the small-screen learner on the activity, without hiding enabled family limits. */
.learning-level{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:10px auto 16px;font-size:16px;max-width:100%;color:#e1f5fc}
.learning-level select{min-height:48px;max-width:100%;min-width:0;box-sizing:border-box;font:inherit;color:#102b42;background:#edfaff;border:2px solid #87b8cc;border-radius:12px;padding:8px;cursor:pointer}
.learning-level[hidden]{display:none}
#matchModel[hidden]{display:none}
/* Persistent reading models and still targets: a little learner can look, hear and try. */
.screen .pill-btn,.screen .lesson-help{min-height:48px;min-width:48px;box-sizing:border-box}
.word-clue{font-size:17px;line-height:1.4;text-align:center;margin:0;max-width:32ch}
.word-model{font-size:clamp(32px,8vw,48px);font-weight:800;letter-spacing:.13em;color:#ffe095;background:#123b55;border:2px solid #77a5b9;border-radius:16px;padding:8px 18px;text-align:center;overflow-wrap:anywhere;max-width:100%;box-sizing:border-box}
.word-model[hidden],#wordNext[hidden],#matchNext[hidden]{display:none}
.reading-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:440px}
.reading-tools .pill-btn{padding:10px 8px;font-size:17px}
.reading-status{font-size:17px;line-height:1.4;text-align:center;color:#ffe6a7;min-height:24px;margin:0;max-width:36ch}
#build .word-stage,#match .match-stage{gap:12px}
#build .word-pic,#match .match-pic{font-size:66px}
#match .match-word{animation:none;min-height:64px}
#match .match-word.right{border:3px solid #b8f1d0}
#match .match-word:disabled{cursor:default;opacity:.8}
#match .match-word.right:disabled{opacity:1}
#wordNext,#matchNext{min-width:190px;font-size:18px}
#build .word-progress{font-size:13px}
.fw-writing #fwEditTools button:disabled{opacity:.65;cursor:default}
@media(max-width:700px),(max-height:500px){
 .fw-shell .fw-banner{padding:8px 10px;gap:10px}
 .fw-shell .fw-banner img{width:42px;height:42px}
 .fw-shell .fw-banner h2{font-size:18px;margin:0}
 .fw-shell .fw-banner .fw-eyebrow,.fw-shell .fw-banner h2+p{display:none}
 #build .word-stage,#match .match-stage{gap:10px}
 #build .word-pic,#match .match-pic{font-size:54px}
}
.learning-compact #playTimer,.learning-compact #transitionPlan{display:none}
.learning-focused #cobaltCorner{display:none}
.learning-focused .screen{scroll-padding-top:8px}
.fw-extra-help{border:1px solid #6e9cae;border-radius:14px;padding:0 12px;margin:14px 0}
.fw-extra-help summary{min-height:48px;align-content:center;cursor:pointer;font-weight:700}
.fw-shell .fw-sound-status:empty{display:none}
.fw-shell .fw-reading .fw-word{margin:8px 0;font-size:64px}
.fw-reading .fw-sound-boxes{margin:12px 0}
.fw-reading #fwReadTools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.fw-reading #fwReadTools button:last-child{grid-column:1/-1;background:#ffdf88}
.fw-reading .fw-sound-status{margin:8px 0}
.fw-writing #fwWordModel{text-align:center;margin:8px 0;letter-spacing:8px}
.fw-writing .fw-slots,.fw-writing .fw-letters,.fw-writing .fw-tools{margin:10px 0;gap:8px}
.fw-writing #fwLetters{display:grid;grid-template-columns:repeat(7,minmax(48px,1fr));gap:8px;max-width:560px;margin:12px auto}
.fw-writing #fwLetters button{min-width:48px;padding:8px}
.fw-writing .fw-small{margin:8px 0;font-size:15px}
.fw-writing #fwPaper,.fw-reading #fwStory{scroll-margin-top:8px}
.fw-writing #fwPaper:focus,.fw-reading #fwStory:focus{outline:none}
/* Concrete number play: one main action, countable objects, then a choice. */
.fw-math-mode #fwFeedback{display:none}
.fw-math-mode .fw-footer{justify-content:center}
.fw-math-mode .fw-footer button{flex:1;max-width:230px}
.fw-math-mode .fw-footer button:last-child{display:none}
.fw-math{max-width:580px;margin:0 auto}
.fw-math #fwMathPrompt{margin:8px 0 12px;font-size:18px}
.fw-math #fwMathTools{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:8px;margin:12px 0}
.fw-math #fwMathTools button:first-child{background:#ffdf88;border-color:#ffe6a7}
.fw-math #fwMathTools button{min-height:56px;padding:10px 6px}
.fw-math .fw-tenframe{margin:12px auto 8px;gap:6px;padding:9px}
.fw-shell .fw-math .fw-cell{min-height:48px}
.fw-add .fw-counting-scene::after{content:'';display:block;width:85%;max-width:400px;height:16px;margin:0 auto 12px;background:linear-gradient(#f9ce82,#bf8051);clip-path:polygon(0 0,100% 0,88% 100%,12% 100%)}
.fw-shell-picture{width:90%;height:90%;display:block}
.fw-math #fwRescue{margin:6px 0;text-align:center;padding:6px;border-radius:12px;background:#0b3047;color:#bfe9e1;font-size:15px}
.fw-math-status{min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;background:#0c3048;border-radius:12px;padding:8px 10px;margin:10px 0!important;color:#ffe6a7;font-size:17px;line-height:1.4!important}
.fw-math #fwMathQuestion{margin:10px 0 4px;text-align:center;font-size:18px}
.fw-math #fwNumbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}
.fw-math #fwNumbers button{font-size:32px;min-height:82px;padding:8px 4px}
.fw-math .fw-answer-dots{max-width:82px;font-size:15px;letter-spacing:3px;margin:6px auto 0;line-height:1.4}
.fw-math #fwNumbers .fw-correct{background:#b8f1d0;border-color:#6ed7a1;opacity:1}
.fw-math .fw-answer-hint{outline:3px solid #ffe095;outline-offset:2px}
.fw-math .fw-extra-help{margin:14px 0 0}
.fw-math .fw-extra-help button{font-size:15px}
#num .num-options{width:100%;max-width:620px;border:1px solid #7babbd;border-radius:14px;background:#113652;padding:0 12px;box-sizing:border-box}
#num .num-options summary{min-height:48px;align-content:center;font-weight:700;cursor:pointer}
#num .num-options .num-trails{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));margin:8px 0}
#num .num-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:12px}
#num .num-groups button{min-height:48px;font-size:15px;padding:8px}
#num .num-groups [aria-pressed=true]{outline:3px solid #ffe095}
#num .num-solve-trail,#num .num-compare-trail{gap:10px}
#num .num-display{min-width:160px;max-width:100%;box-sizing:border-box;gap:10px;padding:16px 12px;scroll-margin-top:12px}
#num .num-display .creature{min-width:56px;min-height:56px;font-size:40px;animation:none}
#num .num-display .countable{border-color:#77b9d1;background:#1b4f70}
#num .num-display .counted{border-color:#ffe066;background:#305f70}
#num .num-answer-dots{display:block;font:700 14px/1.4 system-ui;letter-spacing:3px;max-width:90px;overflow-wrap:anywhere;margin:8px auto 0}
#num .num-feedback{min-height:24px;color:#ffe299;font-size:16px;text-align:center;line-height:1.4;margin:4px 0;max-width:520px}
#num .num-next{min-height:48px;background:#ffdf88;color:#15364c;font-size:17px;min-width:190px}
#num .num-grid{width:min(100%,440px);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#num .num-choice{min-height:88px;font-size:36px;padding:8px 5px}
#num .num-meta{font-size:13px}
#num .hunt-prompt{scroll-margin-top:12px}
#num .num-options:focus-visible,#num summary:focus-visible{outline:3px solid #ffdf88;outline-offset:3px}
/* Keep the reference and every answer on the SAME size scale at every breakpoint. */
#shape .shape-stage{max-width:640px;gap:12px}
#shape .shape-meta{width:100%;font-size:13px}
#shape .shape-progress{display:none}
#shape .shape-prompt{font-size:23px;min-height:0;margin:0;scroll-margin-top:12px}
#shape .shape-model{width:100%;min-height:116px;box-sizing:border-box;padding:10px;gap:12px;flex-shrink:0}
#shape .shape-model-label{max-width:220px;font-size:16px}
#shape .shape-choices,#shape .shape-choices.size-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}
#shape .shape-choice,#shape .shape-choices.size-choices .shape-choice{min-height:146px;flex-direction:column;justify-content:center;text-align:center;padding:8px 4px;gap:7px;min-width:0}
#shape .shape-choice .shape-label,#shape .shape-choices.size-choices .shape-label{font-size:16px;text-align:center;overflow-wrap:anywhere}
#shape .shape-art,#shape .shape-model .shape-art,#shape .shape-choice .shape-art{width:86px;height:86px;--layout-scale:1}
#shape .shape-piece.square,#shape .shape-piece.rectangle{border-radius:3px}
#shape .shape-model.size-matched{border-color:#8ef0c3}
#shape .shape-model.pattern-model{min-height:104px;padding:8px}
#shape .shape-pattern{display:grid;grid-template-columns:repeat(var(--pattern-length),minmax(0,1fr));gap:4px;width:100%;max-width:520px}
#shape .shape-pattern-tap,#shape .pattern-blank{min-width:44px;width:100%;height:64px;min-height:48px;box-sizing:border-box;display:grid;place-items:center;padding:0;border:2px solid #84bad2;border-radius:12px;background:#153f61;color:#ffe066}
#shape .shape-pattern-tap{cursor:pointer}
#shape .shape-pattern .shape-art{width:44px;height:58px;--layout-scale:.55;pointer-events:none}
#shape .pattern-blank{border-style:dashed;font-size:30px}
#shape .pattern-filled{border-style:solid;border-color:#8ef0c3;background:#195a53}
#shape .pattern-speaking{border-color:#ffe066;background:#38595f}
#shape #shapeHear,#shape #shapeNext{min-height:48px;font-size:17px;padding:10px 20px}
#shape #shapeNext{background:#ffdf88;color:#15364c;min-width:190px}
#shape .shape-choice:disabled{cursor:default;opacity:.7}
#shape .shape-choice.right:disabled{opacity:1}
#shape .shape-result{box-sizing:border-box;width:100%;padding:10px;border-radius:14px}
#shape .shape-result strong{font-size:19px}
#shape .shape-fact{font-size:16px;line-height:1.35}
#shape .shape-options,#shape .shape-help{box-sizing:border-box;width:100%;border:1px solid #7babbd;border-radius:14px;background:#113652;padding:0 12px}
#shape .shape-options summary,#shape .shape-help summary{min-height:48px;align-content:center;font-weight:700;cursor:pointer}
#shape .shape-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:6px 0 12px}
#shape .shape-groups button{min-height:50px;font-size:16px;padding:8px}
#shape .shape-groups [aria-pressed=true]{outline:3px solid #ffe095}
#shape .shape-trails{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:12px}
#shape .shape-teach{width:100%;box-sizing:border-box;font-size:16px;padding:10px;border:0;background:transparent}
#shape .shape-choice:focus-visible,#shape .shape-pattern-tap:focus-visible,#shape summary:focus-visible{outline:3px solid #ffe095;outline-offset:3px}
@media(max-width:420px){
 #shape .shape-stage{gap:10px}
 #shape .shape-model{min-height:104px}
 #shape .shape-model-label{font-size:15px;max-width:180px}
 #shape .shape-choice,#shape .shape-choices.size-choices .shape-choice{min-height:128px}
 #shape .shape-choice .shape-label,#shape .shape-choices.size-choices .shape-label{font-size:14px}
 #shape .shape-choices.spatial-choices .shape-choice{min-height:148px}
 #shape .shape-choices.spatial-choices .spatial-scene{width:90px;max-width:100%}
}
@media(min-width:700px) and (max-height:500px){
 /* In phone landscape, keep the clue beside the choices instead of above them. */
 #shape .shape-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;align-items:start}
 #shape .shape-meta{grid-column:1/-1;grid-row:1}
 #shape .shape-prompt{grid-column:1/-1;grid-row:2}
 #shape .shape-model{grid-column:1;grid-row:3}
 #shape #shapeHear{grid-column:1;grid-row:4;justify-self:center}
 #shape .shape-choices{grid-column:2;grid-row:3/5;align-self:stretch}
 #shape .shape-result{grid-column:1/-1;grid-row:5}
 #shape #shapeNext{grid-column:1/-1;grid-row:6;justify-self:center}
 #shape .shape-options{grid-column:1;grid-row:7}
 #shape .shape-help{grid-column:2;grid-row:7}
}
@media(max-width:700px),(max-height:500px){
 /* Keep the same Home / All games navigation on phones and larger screens. */
 .learning-focused .topbar{padding-top:calc(5px + env(safe-area-inset-top));padding-bottom:5px}
 .learning-focused .screen-title{font-size:25px}
 #writingRoot .writing-heading{gap:4px}
 #writingRoot #writingPrompt{margin:4px 0 8px}
 #writingRoot .writing-picker{margin:8px 0}
 #writingRoot .writing-picker summary{padding:10px 12px}
 #writingRoot .writing-demo{margin:6px 0}
 #sounds .big-letter-card{padding:12px;margin:8px 0}
 #sounds .sound-tools{gap:6px;margin:8px 0}
 #sounds .sound-tools button{padding:10px;font-size:15px}
 #sounds #letterSoundStatus{min-height:24px;flex-shrink:0;margin:8px 0}
 #sounds .big-letter-card,#sounds .letter-grid{flex-shrink:0}
 #sounds .letter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 #sounds .letter-tile{min-height:58px}
 .fw-shell .fw-card{padding:14px}
 .fw-shell .fw-card h3{font-size:23px;margin:8px 0}
 .fw-shell .fw-card p{line-height:1.4}
 .fw-shell .fw-eyebrow{font-size:10px}
 .fw-shell .fw-cell{min-height:44px}
 .fw-shell .fw-reading .fw-word{font-size:58px}
 .fw-reading #fwReadTools button{padding:10px 7px;font-size:15px}
 .fw-writing #fwLetters{grid-template-columns:repeat(4,minmax(48px,1fr))}
 .fw-writing .fw-slots button{min-width:64px;min-height:64px}
 .fw-listening #fwListenTools{gap:8px;margin:10px 0}
 .fw-listening .fw-sound-tokens{margin:12px 0}
}
/* LearnPlay.ai brand layer: retain the calm game surfaces and child-size controls. */
#home .learnplay-wordmark{display:flex;align-items:baseline;justify-content:center;gap:0;color:#86dcff;font:900 clamp(30px,6vw,44px)/1.12 "Segoe UI",sans-serif;letter-spacing:-1.8px;text-transform:none;margin:4px 0 2px}
#home .learnplay-wordmark .lp-play{color:#ffe080}
#home .learnplay-wordmark .lp-ai{color:#c0d9ed;font-size:.58em;letter-spacing:-.3px}
/* The persistent header already carries the wordmark. Keep one semantic home heading without repeating the logo. */
body.cove-game-navigation #home .learnplay-wordmark{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#home .learnplay-tagline{font-size:15px;color:#ffecb0;font-weight:750;line-height:1.4}
#home .learnplay-guide{font-size:12px;color:#c2d9ed;line-height:1.4;margin-bottom:6px}