:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef4ff;--bg-top:#f7faff;--card:#fff;--surface:#fff;--surface-soft:#f8fbff;--selected:#edf2ff;--text:#1f2937;--muted:#6b7280;--accent:#4f7cff;--accent-dark:#3b63d9;--on-accent:#fff;--border:#d7e0f5;--correct:#d9f7e4;--correct-border:#34a853;--correct-text:#1f7a3f;--wrong:#fde8e8;--wrong-border:#dc2626;--wrong-text:#991b1b;--tricky-border:#c4b5fd;--tricky-bg:#faf5ff;--clocks-border:#fcd34d;--clocks-bg:#fffbeb;--tile-back:linear-gradient(145deg, #edf2ff, #dbeafe);--shadow:0 12px 30px #1f293714;--app-toolbar-h:2.6rem;--app-header-h:3.25rem;--app-footer-h:1.75rem;--app-shell-gap:1rem;--app-viewport-pad:3rem;--app-viewport-h:100dvh;--app-card-h:min(calc(40rem + 5px), calc(var(--app-viewport-h) - var(--app-viewport-pad) - var(--app-toolbar-h) - var(--app-header-h) - var(--app-footer-h) - (2 * var(--app-shell-gap))));--app-shell-h:calc(var(--app-toolbar-h) + var(--app-header-h) + var(--app-footer-h) + (2 * var(--app-shell-gap)) + var(--app-card-h))}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111a2e;--bg-top:#0a1120;--card:#182339;--surface:#1f2c46;--surface-soft:#243354;--selected:#2c3f68;--text:#e9eefb;--muted:#9fb0cd;--accent:#6f9bff;--accent-dark:#587fe0;--on-accent:#0a1120;--border:#2f4066;--correct:#15422c;--correct-border:#3fbb6d;--correct-text:#8ce8ad;--wrong:#3f1515;--wrong-border:#ef4444;--wrong-text:#fca5a5;--tricky-border:#6f5bd6;--tricky-bg:#251f3e;--clocks-border:#ca8a04;--clocks-bg:#2a2412;--tile-back:linear-gradient(145deg, #2b3b63, #1c2742);--shadow:0 12px 30px #00000073}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{min-height:100vh;color:var(--text);background:linear-gradient(180deg, var(--bg-top) 0%, var(--bg) 100%);margin:0;font-family:Avenir Next,Segoe UI,system-ui,sans-serif}#app{min-height:var(--app-viewport-h);justify-content:center;align-items:flex-start;padding:1.5rem;display:flex}.app-shell{width:min(100%,42rem + 5px);min-height:var(--app-shell-h);flex-direction:column;gap:1rem;display:flex}.app-toolbar{width:100%;height:var(--app-toolbar-h);flex:0 0 var(--app-toolbar-h);justify-content:space-between;align-items:center;gap:.5rem;display:flex}.app-toolbar-back{flex:none;align-items:center;display:flex}.app-toolbar-actions{flex:none;justify-content:flex-end;align-items:center;margin-left:auto;display:flex}.app-toolbar-actions .header-actions{flex-wrap:nowrap}.app-header{justify-content:center;align-items:center;gap:.5rem;display:flex}.brand-mark{width:clamp(1.4rem,4vw,1.8rem);height:clamp(1.4rem,4vw,1.8rem);color:var(--accent);flex:none}.app-brand{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:clamp(1.4rem,4vw,1.8rem);font-weight:800;line-height:1.25}.app-footer{text-align:center;color:var(--muted);padding:0 .5rem .25rem;font-size:.8rem;font-weight:600;line-height:1.45}.app-footer a{color:inherit;text-underline-offset:.15em;text-decoration:underline}.app-footer a:hover{color:var(--accent)}.card{width:100%;height:var(--app-card-h);scrollbar-gutter:stable;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:1.5rem;padding:1.5rem;overflow-y:auto}.card-play{flex-direction:column;display:flex;overflow:hidden}.quiz-play{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.quiz-play-body{scrollbar-gutter:stable;flex-direction:column;flex:auto;justify-content:flex-start;min-height:0;display:flex;overflow-y:auto}.quiz-play-prompt{flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:0;display:flex}.quiz-play-input{flex-direction:column;flex:none;display:flex}.card-play .equation{min-height:5.5rem;margin:.35rem 0}.card-play .feedback{flex:0 0 1.75rem;height:1.75rem;min-height:1.75rem;margin-bottom:.35rem;line-height:1.75rem;overflow:hidden}.card-play .keypad{margin-top:0}.card-play .quiz-play-input .answer-display{flex-shrink:0;min-height:2.5rem;margin:0 0 .35rem;font-size:2.25rem}.card-play .play-header{margin-bottom:.5rem}.card-play.counting-play .quiz-play-body{overflow:hidden}.card-play.counting-play .quiz-play-prompt{flex:auto;justify-content:center;width:100%;min-height:0}.card-play.counting-play .count-field{flex-direction:column;flex:auto;width:100%;height:100%;min-height:0;margin:0;display:flex}.card-play.counting-play .count-hint{text-align:center;color:var(--muted);flex:none;margin-bottom:.35rem;font-size:.85rem;font-weight:700}.card-play.counting-play .count-groups,.card-play.counting-play .count-grid{flex:auto;width:100%;max-width:22rem;min-height:0;margin:0 auto;overflow:visible}.card-play.counting-play .count-groups{box-sizing:border-box;flex-direction:column;justify-content:center;gap:.5rem;padding:.2rem 0;display:flex}.card-play.counting-play .count-group{grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;display:grid}.card-play.counting-play .count-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-content:center;gap:.35rem;display:grid}.card-play.counting-play .count-emoji{font-size:var(--count-emoji-size,clamp(1.25rem, 5vw, 2.25rem));text-align:center;padding:.12em 0;line-height:1.3;display:inline-block;overflow:visible}.screen-title{text-align:center;margin:0;font-size:1.2rem;font-weight:800;line-height:1.2}.card-title{font-size:.9rem;font-weight:800;line-height:1.25}.summary-title{text-align:center;margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.section-title{color:var(--muted);text-align:center;margin:0 0 .75rem;font-size:.95rem;font-weight:800}.button-row{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.range-grid{grid-template-columns:1fr;gap:.75rem;margin-bottom:1.25rem;display:grid}@media (width>=30.01rem){.range-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=36rem){.range-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.filter-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:100%;display:grid}.filter-row .btn{width:100%;padding:.5rem .35rem;font-size:.72rem;line-height:1.15}.btn{border:2px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:1rem;padding:.9rem 1.1rem;font-size:1.05rem;font-weight:700;transition:transform .12s,background .12s,border-color .12s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn-selected{border-color:var(--accent);background:var(--selected)}.range-card{text-align:center;width:100%;min-width:0}.range-card small{color:var(--muted);margin-top:.35rem;font-weight:600;display:block}.range-card-tricky{border-color:var(--tricky-border);background:var(--tricky-bg)}.range-card-clocks{border-color:var(--clocks-border);background:var(--clocks-bg)}.play-header{color:var(--muted);margin-bottom:1rem;font-weight:700}.play-header-stacked{flex-direction:column;gap:.5rem;display:flex}.play-header-status{margin-bottom:.5rem}.play-header-status-row{white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.play-header-status-row .play-progress,.play-header-status-row .play-timer{font-size:1rem;font-weight:700;line-height:1.2}.play-progress{text-align:center}.play-timer{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.85rem}[data-timer=off] .play-timer{display:none}.play-header-stacked .screen-title{width:100%}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.25rem;max-width:100%;display:flex}@media (width<=24rem){:root{--app-toolbar-h:2.35rem}.app-toolbar .icon-toggle{width:2.35rem;height:2.35rem}}.icon-toggle{width:2.6rem;height:2.6rem;color:var(--muted);flex:none;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}.icon-toggle:hover{color:var(--accent);border-color:var(--accent)}.icon{width:1.35rem;height:1.35rem;display:block}.equation{font-variant-numeric:tabular-nums;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(.35rem,1.5vw,.75rem);min-height:8rem;margin:1rem 0;font-size:clamp(2.25rem,9vw,5.5rem);font-weight:800;line-height:1;display:flex}.equation-part{white-space:nowrap}.blank-slot{box-sizing:border-box;border:.1em solid var(--accent);font-variant-numeric:tabular-nums;vertical-align:middle;border-radius:.15em;justify-content:center;align-items:center;min-width:1.2em;min-height:1.2em;padding:0 .15em;font-weight:800;line-height:1;display:inline-flex}.blank-slot:empty:before{content:" "}.blank-slot-wide{min-width:1.5em}.compare-display .blank-slot{font-size:clamp(2rem,8vw,3.5rem)}.sequence-display .blank-slot{font-size:inherit}.blank-slot.correct{border-color:var(--correct-border);color:var(--correct-text)}.blank-slot.wrong{border-color:var(--wrong-border);color:var(--wrong-text)}.feedback{text-align:center;min-height:1.75rem;margin-bottom:1rem;font-size:1.2rem;font-weight:700}.feedback.correct{color:var(--correct-text)}.feedback.wrong{color:var(--wrong-text)}.keypad{grid-template-columns:repeat(3,minmax(3.5rem,1fr));gap:.5rem;max-width:22rem;margin:0 auto;display:grid}.key{min-height:3rem;font-size:1.25rem;font-weight:800}.summary-score{text-align:center;margin:1rem 0 .5rem;font-size:clamp(2.5rem,10vw,4rem);font-weight:800}.summary-time,.summary-best-time{text-align:center;color:var(--muted);font-size:1.15rem;font-weight:700}.summary-time{margin-bottom:.35rem}.summary-best-time{margin-bottom:.75rem}.summary-new-best{text-align:center;color:var(--accent);margin-bottom:1rem;font-size:1.25rem;font-weight:800}.summary-message{text-align:center;margin-bottom:1.5rem;font-size:1.35rem;font-weight:700}@media (prefers-reduced-motion:reduce){.btn,.memory-tile-inner{transition:none;animation:none}}.memory-moves{text-align:center;color:var(--muted);margin-bottom:1rem;font-weight:700}.memory-grid{grid-template-columns:repeat(var(--memory-cols), minmax(0, 1fr));gap:clamp(.5rem,2vw,.85rem);max-width:28rem;margin:0 auto;display:grid}.memory-tile{aspect-ratio:1;cursor:pointer;perspective:800px;background:0 0;border:0;border-radius:1rem;padding:0}.memory-tile:disabled{cursor:default}.memory-tile-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s;display:block;position:relative}.memory-tile-flipped{transform:rotateY(180deg)}.memory-tile-face{border:3px solid var(--border);backface-visibility:hidden;border-radius:1rem;justify-content:center;align-items:center;font-size:clamp(1.75rem,8vw,3rem);font-weight:800;display:flex;position:absolute;inset:0}.memory-tile-back{background:var(--tile-back);color:var(--accent)}.memory-tile-front{background:var(--surface);transform:rotateY(180deg)}.memory-tile-matched .memory-tile-front{background:var(--correct);border-color:var(--correct-border)}.game-groups{flex-direction:column;gap:1.25rem;margin-top:.5rem;display:flex}.mode-picker.card{flex-direction:column;padding:clamp(1rem,2vw,1.5rem);display:flex;overflow-y:hidden}.mode-picker .game-grid{min-height:0;width:min(100%, calc(var(--app-card-h) - 7.5rem), 26rem);margin-top:.5rem;flex:1;align-content:center;margin-inline:auto}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.game-card{aspect-ratio:1;text-align:center;border-color:color-mix(in srgb, var(--accent) 35%, var(--border));border-radius:1.125rem;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;width:100%;min-width:0;padding:.45rem .3rem;display:flex}.game-card:hover,.game-card:focus-visible{border-color:var(--accent);background:var(--selected)}.game-card-emoji{font-size:clamp(1.1rem,4.5vw,1.35rem);line-height:1}.mode-picker .card-title{font-size:clamp(.62rem,2.8vw,.72rem);line-height:1.1}.game-card-age{color:var(--muted);font-size:clamp(.58rem,2.4vw,.65rem);font-weight:600;line-height:1.1}@media (width<=30rem){.card{padding:1rem}.card-play.counting-play .count-groups,.card-play.counting-play .count-grid{max-width:100%}}.choice-pad{grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));gap:.75rem;max-width:28rem;margin:0 auto;display:grid}.choice-btn{min-width:0;min-height:3.5rem;font-size:1.5rem;font-weight:800}.choice-pad-grid2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%}.choice-btn-grid2{padding:.75rem .35rem;font-size:clamp(1.05rem,4.2vw,1.5rem)}.choice-pad-wide{grid-template-columns:repeat(2,minmax(0,1fr));max-width:24rem}.choice-btn-wide{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-width:0;padding:.8rem .6rem;font-size:1.1rem;line-height:1.25}.choice-wrong{background:var(--wrong)!important;border-color:var(--wrong-border)!important}.answer-display{text-align:center;font-variant-numeric:tabular-nums;min-height:4rem;margin:1rem 0;font-size:3rem;font-weight:800}.answer-display.correct{color:var(--correct-text)}.answer-display.wrong{color:var(--wrong-text)}.sequence-display{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;min-height:6rem;margin:1rem 0;font-size:clamp(2rem,8vw,3.5rem);font-weight:800;display:flex}.seq-num{text-align:center;white-space:nowrap;min-width:2.5rem}.compare-display{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;min-height:6rem;margin:1rem 0;display:grid}.compare-side{text-align:center;word-break:break-word;font-size:clamp(1.5rem,6vw,2.5rem);font-weight:800}.compare-blank{justify-self:center;width:1.6em;min-width:1.6em}.multiply-equation{font-size:clamp(2rem,8vw,4rem)}.clock-container{justify-content:center;margin:1rem 0;display:flex}.clock-dial{fill:var(--surface);stroke:var(--accent)}.clock-tick{stroke:var(--muted)}.clock-hand-hour{stroke:var(--text)}.clock-hand-minute{stroke:var(--accent)}.clock-center{fill:var(--accent)}.clock-face{width:min(16rem,70vw);height:min(16rem,70vw)}.simon-pad{grid-template-columns:repeat(2,minmax(6rem,1fr));gap:.75rem;max-width:18rem;margin:1rem auto 0;display:grid}.simon-btn{aspect-ratio:1;border:3px solid var(--border);background:color-mix(in srgb, var(--simon-color) 35%, var(--surface));cursor:pointer;border-radius:1rem;min-height:6rem;transition:background .1s,transform .1s}.simon-btn:disabled{cursor:default}.simon-btn.simon-lit,.simon-btn:active:not(:disabled){background:var(--simon-color);transform:scale(.97)}.simon-status{text-align:center;min-height:1.75rem;margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.words-hint{text-align:center;margin:.5rem 0 1rem;font-size:4rem}.words-answer{flex-wrap:wrap;justify-content:center;gap:.35rem;min-height:3rem;margin-bottom:1rem;display:flex}.words-slot{border-bottom:3px solid var(--accent);justify-content:center;align-items:center;min-width:2.25rem;min-height:2.75rem;font-size:1.5rem;font-weight:800;display:inline-flex}.words-slot.is-pending{color:var(--muted);font-style:italic;font-weight:600}.letter-tile-grid{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.letter-tile{min-width:3rem;min-height:3rem;padding:.5rem .75rem;font-size:1.25rem;font-weight:800}.words-actions{justify-content:center;gap:.5rem;margin-top:.75rem;display:flex}.words-delete{min-width:3rem;min-height:3rem;padding:.5rem .75rem;font-size:1.35rem;font-weight:800}