/* Isolated ages 5–7 activity styles. Letterforms come only from games.css. */
.level-games-page{--level-teal:#008577;--level-gold:#ffcd63;--level-soft:#f4edff}.level-games-page main{max-width:1120px}.level-games-page .game-native-brand{margin-top:25px}.level-games-page .level-title{padding-bottom:30px}.level-games-page .level-title h1{font-size:clamp(37px,4.5vw,56px)}.level-intro{display:grid;grid-template-columns:.85fr 1.3fr;background:#fff;color:#28153a;border-radius:22px;overflow:hidden;border:1px solid #9870ca;box-shadow:0 18px 48px #0a02243d}.level-intro-aside{background:#4b08ae;padding:34px 30px;color:white;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:23px}.level-age{background:#ffcd63;color:#40214b;font-weight:700;padding:7px 14px;border-radius:30px;margin:0;font-size:15px}.level-intro-aside h2{font-size:29px;line-height:1.15;margin:0;max-width:270px}.level-intro-aside>p:last-child{font-size:16px;color:#efe3ff;line-height:1.6;margin:0}.level-preview{display:flex;gap:8px;flex-wrap:wrap;align-items:center;max-width:280px}.level-preview span{display:flex;align-items:center;justify-content:center;border-radius:11px;background:#fff;color:#3c1476;font-weight:700;font-size:35px;min-height:64px;min-width:56px;padding:5px 11px;box-shadow:0 4px 0 #2d007c}.level-preview.vowel-bridges span{font-size:28px;min-height:56px;min-width:44px}.level-preview.letter-detectives span{font-size:35px;padding:10px 16px}.level-intro-copy{padding:36px}.level-intro-copy>.eyebrow{color:#65328d;font-size:10px;margin-bottom:18px}.level-intro-copy h2{font-size:32px;line-height:1.16;letter-spacing:-.5px;margin:0 0 18px}.level-intro-copy>p:not(.eyebrow){font-size:18px;line-height:1.6;color:#5c486a}.level-intro-copy .intro-actions{margin-top:24px}.level-intro-copy .intro-actions>*{flex:1 1 170px}.level-intro-copy .level-readiness{font-size:15px!important;margin:24px 0 9px}.level-intro-copy .quiet-note{font-size:14px!important;margin:0}.level-example-tiles{display:flex;gap:10px;justify-content:center}.level-example-tiles span{display:flex;align-items:center;justify-content:center;font-size:32px;background:white;border:2px solid #b497d0;border-radius:8px;padding:6px 17px;min-width:56px;min-height:56px}.level-example-word{font-size:42px!important;text-align:center}.level-games-page .level-play-board{background:#fff;padding:32px 38px}.level-prompt{font-size:clamp(22px,2.5vw,29px);line-height:1.3;text-align:center;margin:25px auto 12px;max-width:670px;font-weight:700}.level-subprompt{text-align:center;max-width:650px;margin:0 auto 21px;color:#685270;font-size:16px;line-height:1.5}.level-model{text-align:center;margin:14px auto 20px}.level-model>span{font-size:13px;letter-spacing:.4px;color:#6c507e}.level-model>p{font-size:58px;line-height:1.15;margin:2px 0 0;letter-spacing:1px;color:#35134f}.level-sound-boxes{list-style:none;padding:0;display:grid;grid-template-columns:repeat(var(--box-count),minmax(0,1fr));gap:12px;max-width:480px;margin:20px auto 24px}.level-sound-boxes li{border:2px solid #c5b6d1;background:#fbf9fd;border-radius:12px;text-align:center;min-height:104px;padding:10px 5px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.level-sound-boxes li.is-next{border-color:#6200ec;box-shadow:0 0 0 3px #ebdfff}.level-sound-boxes li.is-built{border-color:#248360;background:#f0faf3}.level-box-number{font-size:12px;color:#705682}.level-box-tile{font-size:43px;font-weight:700;line-height:1.2;min-height:53px}.level-tile-bank,.level-vowel-options,.level-letter-options{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;max-width:700px;margin:22px auto}.level-tile,.level-vowel-choice{min-height:70px!important;min-width:70px;border:2px solid #b79acc;border-radius:12px;background:#f6efff;color:#3a1558;font-size:37px!important;font-weight:700;padding:7px 14px;box-shadow:0 3px 0 #d3c2e1}.level-tile:hover:not(:disabled),.level-vowel-choice:hover:not(:disabled),.level-letter-choice:hover:not(:disabled){background:#ebdbff;border-color:#6300e5}.level-build-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:25px}.level-build-actions .primary-control{min-width:170px}.level-vowel-cue{display:flex;align-items:center;justify-content:center;gap:20px;margin:25px auto 28px;background:#f2e9ff;width:max-content;max-width:100%;padding:10px 24px;border-radius:13px}.level-vowel-cue>span{font-size:16px;color:#654581}.level-vowel-cue strong{font-size:56px;line-height:1.15;color:#5300bb}.level-word-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:690px;margin:22px auto 28px}.level-word-choice{background:#fff;border:3px solid #cbbada;border-radius:15px;color:#321448;min-height:134px!important;padding:20px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.level-word-choice>span{font-size:46px;line-height:1.1}.level-word-choice>small{font-size:13px;color:#725287}.level-word-choice:hover:not(:disabled){border-color:#6c23d9;background:#faf5ff}.level-word-choice.is-correct,.level-vowel-choice.is-correct{border-color:#27865b;background:#e6f7ee;color:#164a35;opacity:1;box-shadow:none}.level-word-choice.is-tried,.level-letter-choice.is-tried,.level-vowel-choice.is-tried{border-color:#b5751b;background:#fff2d8}.level-pattern-reveal{background:#fff6db;border:1px solid #e1c87f;border-radius:14px;text-align:center;padding:19px 14px;margin:25px auto 0;max-width:650px;color:#4e3a19}.level-pattern-label{font-size:13px;letter-spacing:.5px;margin:0 0 8px;font-weight:700}.level-pattern-word{font-size:60px;line-height:1.35;margin:5px 0 8px;letter-spacing:1px;color:#321944}.level-pattern-reveal>p:last-child{font-size:16px;margin:0;line-height:1.5}.level-vowel-pattern{color:inherit;background:#ffd166;padding:0;border-bottom:3px solid #916313;border-radius:4px}.level-silent-mark{color:inherit;background:#eee5ff;border:2px solid #7441ac;border-radius:5px;padding:0 2px}.level-stage-tabs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:15px auto 24px;font-size:14px}.level-stage-tabs span{padding:9px 14px;background:#f5f0fa;color:#746180;border:1px solid #d4c5df;border-radius:30px}.level-stage-tabs .is-current{background:#5c0ac1;color:white;border-color:#5c0ac1;font-weight:700}.level-stage-tabs .is-finished{background:#e5f6eb;color:#206344;border-color:#77b290}.level-detective-word{font-size:65px;line-height:1.35;margin:16px auto 20px;text-align:center;letter-spacing:1px}.level-letter-choice{min-width:74px;min-height:100px!important;padding:10px 12px;background:white;border:2px solid #b8a0cc;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:7px;color:#36134d}.level-letter-choice>span{font-size:42px;line-height:1.1}.level-letter-choice>small{font-size:11px;color:#725683}.level-silent-caption{font-size:15px;line-height:1.5;color:#664878;text-align:center;margin:0 auto 20px}.level-games-page .level-complete{background:white}.level-review-words{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;max-width:650px;margin:0 auto 30px}.level-review-words span{font-size:28px;color:#4e217a;background:#f1e8fa;border-radius:9px;padding:8px 17px}.level-games-page .paper-note a:not(.secondary-control){text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:56px}.level-games-page .feedback{margin-top:26px}.level-load-error{background:white;padding:28px;border-radius:16px;color:#301c42}.level-games-page .round-heading h2:focus,.level-prompt:focus,.level-complete h2:focus{outline:3px solid #008b9a;outline-offset:6px;border-radius:3px}
@media(max-width:850px){.level-intro{grid-template-columns:.85fr 1.25fr}.level-intro-copy{padding:29px}.level-intro-aside{padding:28px 24px}.level-intro-aside h2{font-size:27px}.level-games-page .level-play-board{padding:28px}.level-games-page .round-tools .quiet-control{flex:1}.level-games-page .round-tools{width:100%}}
@media(max-width:640px){.level-games-page main{padding-left:5%;padding-right:5%}.level-intro{grid-template-columns:1fr}.level-intro-aside{gap:18px;padding:24px}.level-intro-aside h2{max-width:100%;font-size:27px}.level-preview{max-width:100%;gap:10px}.level-intro-aside>p:last-child{font-size:15px}.level-intro-copy{padding:26px 23px}.level-intro-copy h2{font-size:29px}.level-intro-copy>p:not(.eyebrow){font-size:17px}.level-games-page .level-play-board{padding:23px 16px}.level-prompt{font-size:23px;margin-top:21px}.level-subprompt{font-size:16px}.level-sound-boxes{gap:8px}.level-sound-boxes li{min-height:94px;padding:9px 3px}.level-box-tile{font-size:38px;min-height:47px}.level-box-number{font-size:11px}.level-tile-bank,.level-vowel-options{gap:10px;max-width:380px}.level-tile,.level-vowel-choice{min-width:62px;min-height:66px!important;padding:7px 12px;font-size:33px!important}.level-build-actions{gap:10px}.level-build-actions .quiet-control{flex:1}.level-build-actions .primary-control{width:100%}.level-word-options{gap:10px}.level-word-choice{padding:18px 4px;min-height:119px!important;border-width:2px;gap:14px}.level-word-choice>span{font-size:36px}.level-word-choice>small{font-size:11px}.level-vowel-cue{margin:22px auto;padding:9px 22px}.level-vowel-cue strong{font-size:49px}.level-detective-word{font-size:56px;margin:16px auto}.level-letter-options{gap:10px;max-width:300px}.level-letter-choice{min-width:72px;min-height:94px!important;padding:8px 12px}.level-stage-tabs{gap:8px;font-size:12px;margin-bottom:21px}.level-stage-tabs span{padding:8px 10px}.level-pattern-word{font-size:49px}.level-games-page .level-title h1{font-size:37px}.level-pattern-reveal>p:last-child{font-size:15px}.level-games-page .round-heading{gap:8px}.level-games-page .progress-dots{gap:6px}.level-games-page .progress-dots i{width:7px;height:7px}.level-games-page .round-tools .quiet-control:last-child{flex-basis:100%}.level-games-page .level-complete{padding:34px 22px}}
@media(max-width:360px){.level-games-page main{padding-left:4%;padding-right:4%}.level-games-page .level-play-board{padding:22px 12px}.level-games-page .round-heading h2{font-size:16px}.level-word-choice>span{font-size:30px}.level-word-options{gap:8px}.level-word-choice{min-height:111px!important}.level-box-tile{font-size:33px}.level-tile{min-width:59px}.level-stage-tabs{gap:6px;font-size:11px}.level-stage-tabs span{padding:8px}.level-intro-copy{padding:23px 20px}.level-games-page .level-title h1{font-size:33px}.level-detective-word{font-size:49px}}
@media(prefers-reduced-motion:reduce){.level-games-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.level-next-hint{margin:18px 0 0;color:#4b345e;font-size:16px;line-height:1.5;text-align:center}
