:root{--red:#d92121;--bg:#fffbeb;--surface:#fff;--text:#1a1a1a;--accent-primary:#ffde00;--accent-primary-contrast:#1a1a1a;--accent-secondary:#3b4cca;--accent-secondary-contrast:#fff;--accent-tertiary:var(--red);--accent-tertiary-contrast:#fff;--incorrect:var(--accent-tertiary);--border:#0000001a;--shadow:#00000026;--font-body:"Press Start 2P", "Segoe UI", system-ui, sans-serif;--font-cursive:"Pacifico", "Segoe UI", cursive;--font-weight-display:400;--font-size-caption:.6rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0d1f17;--surface:#163826;--text:#f2f2f2;--accent-primary:#154734;--accent-primary-contrast:#eaaa00;--accent-secondary:#eaaa00;--accent-secondary-contrast:#0d1f17;--accent-tertiary:#a6192e;--accent-tertiary-contrast:#fff;--incorrect:var(--accent-tertiary);--border:#ffffff1f;--shadow:#0006;--font-body:"Segoe UI", system-ui, sans-serif;--font-weight-display:700;--font-size-caption:.75rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d1f17;--surface:#163826;--text:#f2f2f2;--accent-primary:#154734;--accent-primary-contrast:#eaaa00;--accent-secondary:#eaaa00;--accent-secondary-contrast:#0d1f17;--accent-tertiary:#a6192e;--accent-tertiary-contrast:#fff;--incorrect:var(--accent-tertiary);--border:#ffffff1f;--shadow:#0006;--font-body:"Segoe UI", system-ui, sans-serif;--font-weight-display:700;--font-size-caption:.75rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit}#root{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-body);flex-direction:column;transition:background-color .2s,color .2s,font-family .2s;display:flex}.action-button{cursor:pointer;width:7.5rem;box-shadow:0 4px 10px var(--shadow);border:none;border-radius:1.5rem;flex-direction:column;align-items:center;gap:.5rem;padding:1.1rem 0;transition:transform .15s,box-shadow .15s;display:flex}.action-button svg{width:2rem;height:2rem}.action-button span{font-size:var(--font-size-caption);letter-spacing:.05em}.action-button:active{transform:scale(.94)}.action-button--secondary{background:var(--surface);color:var(--text)}.action-button--primary{background:var(--accent-secondary);color:var(--accent-secondary-contrast);animation:1.8s ease-in-out infinite action-button-pulse}@keyframes action-button-pulse{0%,to{box-shadow:0 4px 10px var(--shadow)}50%{box-shadow:0 4px 10px var(--shadow), 0 0 0 8px color-mix(in srgb, var(--accent-secondary) 25%, transparent)}}@media (prefers-reduced-motion:reduce){.action-button--primary{animation:none}}.icon-button{cursor:pointer;box-shadow:0 2px 6px var(--shadow);border:none;border-radius:999px;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s;display:inline-flex}.icon-button:active{transform:scale(.92)}.icon-button--medium{width:3rem;height:3rem}.icon-button--large{width:4.5rem;height:4.5rem}.icon-button--surface{background:var(--surface);color:var(--text)}.icon-button--primary{background:var(--accent-secondary);color:var(--accent-secondary-contrast)}.session-setup{flex-direction:column;flex:1;display:flex}.session-setup__top-bar{justify-content:space-between;padding:1rem;display:flex}.session-setup__controls{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3rem;padding:1rem;display:flex}.mode-picker,.case-toggle{box-shadow:0 4px 10px var(--shadow);border-radius:1.5rem;display:flex;overflow:hidden}.mode-picker__option,.case-toggle__half{background:var(--surface);color:var(--text);cursor:pointer;border:none;justify-content:center;align-items:center;padding:1.5rem 2rem;transition:background-color .15s,color .15s,transform .15s;display:flex}.mode-picker__option[data-selected=true],.case-toggle__half[data-selected=true]{background:var(--accent-primary);color:var(--accent-primary-contrast);transform:translateY(-4px)}.case-toggle__half{flex-direction:column;gap:.75rem;min-width:5rem;padding:1.25rem 1.5rem}.case-toggle__letter{font-size:3rem;font-weight:var(--font-weight-display)}.case-toggle__label{font-size:var(--font-size-caption);letter-spacing:.05em}.session-setup__actions{justify-content:center;align-items:center;gap:1.25rem;padding-bottom:3rem;display:flex}.answer-grid{gap:clamp(.75rem,3vw,1.5rem);width:100%;max-width:60rem;margin:0 auto;padding:1rem;display:grid}.answer-grid[data-count="2"]{grid-template-columns:repeat(2,1fr)}.answer-grid[data-count="3"]{grid-template-columns:repeat(3,1fr)}.answer-grid[data-count="4"]{grid-template-columns:repeat(2,1fr)}@media (orientation:landscape){.answer-grid[data-count="4"]{grid-template-columns:repeat(4,1fr)}}.answer-grid[data-mode=review]{grid-template-columns:repeat(auto-fill,minmax(3.5rem,1fr))}.letter-card{aspect-ratio:1;background:var(--surface);color:var(--text);font-size:clamp(2rem,10vw,6rem);font-weight:var(--font-weight-display);box-shadow:0 4px 10px var(--shadow);cursor:pointer;border:none;border-radius:1.25rem;transition:transform .15s,box-shadow .15s}@media (orientation:landscape){.answer-grid[data-count="2"] .letter-card{font-size:clamp(3rem,14vw,8rem)}}.answer-grid[data-mode=review] .letter-card{font-size:clamp(1.25rem,5vw,2rem)}.letter-card:active:not(:disabled){transform:scale(.95)}.letter-card[data-state=correct]{background:var(--accent-secondary);color:var(--accent-secondary-contrast)}.letter-card[data-state=incorrect]{background:var(--incorrect);color:var(--accent-tertiary-contrast)}.letter-card[data-reveal=true]{animation:.4s letter-card-reveal}@keyframes letter-card-reveal{0%{transform:scale(.9)}50%{transform:scale(1.08)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.letter-card[data-reveal=true]{animation:none}}.answer-feedback{pointer-events:none;justify-content:center;align-items:center;animation:.3s answer-feedback-pop;display:flex;position:fixed;inset:0}.answer-feedback[data-state=correct]{color:var(--accent-secondary)}.answer-feedback[data-state=incorrect]{color:var(--incorrect)}.answer-feedback__badge{background:var(--surface);box-shadow:0 6px 16px var(--shadow);border-radius:50%;padding:1.25rem;display:flex}@keyframes answer-feedback-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.answer-feedback{animation:none}}.completion-screen__tile{aspect-ratio:1;background:var(--surface);box-shadow:0 2px 6px var(--shadow);border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;font-size:1rem;animation:.3s backwards completion-tile-pop;display:flex}.completion-screen__tile-letter{font-weight:var(--font-weight-display)}@keyframes completion-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes completion-tile-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.completion-screen__headline,.completion-screen__tile{animation:none}}.level-setup{flex-direction:column;flex:1;display:flex}.level-setup__top-bar{justify-content:space-between;padding:1rem;display:flex}.level-setup__controls{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2.5rem;padding:1rem;display:flex}.level-setup__heading{color:var(--text);text-align:center;letter-spacing:.05em;margin:0;font-size:clamp(1rem,4vw,1.4rem)}.level-picker{gap:clamp(.75rem,3vw,1.25rem);display:flex}.level-tile{aspect-ratio:1;color:#fff;width:clamp(3.25rem,14vw,4.5rem);box-shadow:0 4px 0 #00000040, 0 6px 12px var(--shadow);cursor:pointer;border:none;border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s;animation:.35s backwards level-tile-pop;display:flex;position:relative}.level-tile:active{box-shadow:0 2px 0 #00000040, 0 4px 8px var(--shadow);transform:translateY(2px)}.level-tile[data-level="1"]{background:var(--red)}.level-tile[data-level="2"]{background:#35c4b4}.level-tile[data-level="3"]{color:#4a3300;background:#ffce3d}.level-tile[data-level="4"]{background:#b18cff}.level-tile__star{opacity:0;transition:opacity .2s,transform .2s;position:absolute;top:-.6rem;transform:scale(.4)rotate(-15deg)}.level-tile[data-selected=true]{box-shadow:0 6px 0 #00000040, 0 10px 18px var(--shadow);transform:translateY(-6px)scale(1.08)}.level-tile[data-selected=true]:active{transform:translateY(-3px)scale(1.04)}.level-tile[data-selected=true] .level-tile__star{opacity:1;transform:scale(1)rotate(0)}.level-tile__number{font-size:clamp(1.25rem,5vw,1.75rem);font-weight:var(--font-weight-display)}.level-setup__actions{align-items:center;gap:1.25rem;display:flex}@keyframes level-tile-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.level-tile{animation:none}}.word-grid{gap:clamp(.75rem,3vw,1.5rem);width:100%;max-width:60rem;margin:0 auto;padding:1rem;display:grid}.word-grid[data-mode=quiz][data-count="2"]{grid-template-columns:repeat(2,1fr)}.word-grid[data-mode=quiz][data-count="3"]{grid-template-columns:repeat(3,1fr)}.word-grid[data-mode=quiz][data-count="4"]{grid-template-columns:repeat(2,1fr)}@media (orientation:landscape){.word-grid[data-mode=quiz][data-count="4"]{grid-template-columns:repeat(4,1fr)}}.word-grid[data-mode=review]{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr))}.word-card{background:var(--surface);color:var(--text);min-height:5rem;font-size:clamp(1.25rem,4vw,2.25rem);font-weight:var(--font-weight-display);box-shadow:0 4px 10px var(--shadow);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border:none;border-radius:1.25rem;padding:1rem;transition:transform .15s,box-shadow .15s;overflow:hidden}@media (orientation:landscape){.word-grid[data-mode=quiz][data-count="2"] .word-card{font-size:clamp(1.5rem,6vw,3rem)}}.word-card:active:not(:disabled){transform:scale(.95)}.word-card[data-state=correct]{background:var(--accent-secondary);color:var(--accent-secondary-contrast)}.word-card[data-state=incorrect]{background:var(--incorrect);color:var(--accent-tertiary-contrast)}.word-card[data-reveal=true]{animation:.4s word-card-reveal}@keyframes word-card-reveal{0%{transform:scale(.9)}50%{transform:scale(1.08)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.word-card[data-reveal=true]{animation:none}}.review-screen{flex-direction:column;flex:1;display:flex}.review-screen__top-bar{justify-content:space-between;padding:1rem;display:flex}.review-screen__grid-area{flex:1;justify-content:center;align-items:center;display:flex}.round-screen{flex-direction:column;flex:1;display:flex;position:relative}.round-screen__top-bar{justify-content:space-between;padding:1rem;display:flex}.round-screen__top-bar-right{gap:.75rem;display:flex}.round-screen__grid-area{flex:1;justify-content:center;align-items:center;display:flex}.completion-screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;padding:1.5rem 1rem;display:flex;overflow-y:auto}.completion-screen__headline{flex-direction:column;align-items:center;gap:.5rem;animation:.4s completion-pop;display:flex}.completion-screen__level{color:var(--text);opacity:.75;margin:0;font-size:clamp(.85rem,3vw,1.1rem)}.completion-screen__tier{margin:0;font-size:clamp(1rem,4vw,1.5rem)}.completion-screen__score{color:var(--accent-secondary);margin:0;font-size:clamp(1.75rem,8vw,3rem)}.completion-screen__percent{color:var(--text);margin:0;font-size:clamp(1rem,4vw,1.25rem)}.completion-screen__recap{grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:.5rem;width:100%;max-width:30rem;display:grid}.completion-screen__tile{background:var(--surface);min-height:3.5rem;box-shadow:0 2px 6px var(--shadow);border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.5rem;font-size:1rem;animation:.3s backwards completion-tile-pop;display:flex}.completion-screen__tile-word{font-weight:var(--font-weight-display);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.completion-screen__tile[data-correct=true]{color:var(--accent-secondary)}.completion-screen__tile[data-correct=false]{color:var(--incorrect)}.completion-screen__actions{gap:1.25rem;display:flex}@media (prefers-reduced-motion:reduce){.completion-screen__headline,.completion-screen__tile{animation:none}}.game-card{aspect-ratio:1;width:clamp(7rem,30vw,10rem);box-shadow:0 4px 10px var(--shadow);cursor:pointer;border:none;border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.4rem;transition:transform .15s;display:flex}.game-card__label{font-size:var(--font-size-caption);letter-spacing:.03em;text-align:center;line-height:1.15}.game-card:active{transform:scale(.95)}.menu-screen{flex-direction:column;flex:1;display:flex}.menu-screen__top-bar{justify-content:flex-end;padding:1rem;display:flex}.menu-screen__title{font-family:var(--font-cursive);color:var(--accent-secondary);text-shadow:.06em .06em 0 var(--shadow);justify-content:center;align-items:center;gap:.5rem;margin:0 0 .5rem;padding:0 1rem;font-size:clamp(1.5rem,7.5vw,4.5rem);font-weight:400;display:flex}.menu-screen__title svg{flex-shrink:0;width:clamp(1.5rem,6vw,3rem);height:clamp(1.5rem,6vw,3rem)}.menu-screen__grid{flex-wrap:wrap;flex:1;place-content:center;gap:1.5rem;padding:1.5rem;display:flex}