*,:before,:after{box-sizing:border-box}:root{color:#1a2b4a;background:linear-gradient(160deg,#e8f4fd 0%,#d4f5e9 100%);min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}body{min-height:100vh;margin:0}#root{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}#root:has(.quiz-screen){align-items:flex-start;padding-top:.75rem;padding-bottom:.75rem}.app-title{text-align:center;color:#1a5fb4;margin:0 0 .5rem;font-size:2.5rem}.app-subtitle{text-align:center;color:#3d5a80;margin:0 0 2rem;font-size:1.25rem}.upload-screen,.quiz-screen,.finish-screen,.name-screen{width:100%;max-width:640px}.quiz-screen{max-height:calc(100dvh - 1.5rem)}.quiz-screen .game-header{margin-bottom:.85rem}.quiz-screen .player-welcome{margin:0 0 .4rem;font-size:1.5rem}.quiz-screen .player-welcome__name{font-size:1.65rem}.quiz-screen .player-avatar{margin-bottom:.75rem}.quiz-screen .animal-avatar__svg{width:4rem;height:4rem}.quiz-screen .score-bar{margin-bottom:1rem;padding:.65rem 1rem}.quiz-screen .progress-bar{margin-bottom:.85rem}.quiz-screen .progress-legend{gap:.5rem .85rem;margin-bottom:1rem;font-size:.75rem}.quiz-screen .quiz-card{padding:1.5rem 1.25rem}.quiz-screen .quiz-prompt{margin-bottom:1.1rem;font-size:1.125rem}.quiz-screen .quiz-input{margin-bottom:1.1rem;padding:.65rem 1rem;font-size:1.5rem}.quiz-screen .quiz-actions-audio{margin-bottom:1.1rem}.quiz-screen .scramble-hint{margin-bottom:1.1rem;padding:.85rem 1rem}.quiz-screen .scramble-hint__title{margin-bottom:.65rem;font-size:1.05rem}.quiz-screen .scramble-hint__letter{min-width:2.5rem;height:2.5rem;font-size:1.35rem}.quiz-screen .quiz-actions{gap:1.1rem}.quiz-screen .btn--large{padding:.875rem 1.5rem;font-size:1.25rem}.quiz-screen--revealed .quiz-prompt{margin-bottom:.85rem}.quiz-screen--revealed .quiz-input{margin-bottom:.85rem;padding:.5rem .85rem;font-size:1.25rem}.quiz-screen .feedback{padding:1rem}.quiz-screen .feedback__title{margin:0 0 .4rem;font-size:1.125rem}.quiz-screen .feedback__message{margin:0;font-size:1rem}.quiz-screen .feedback__stats{gap:.5rem;margin-top:.5rem}.quiz-screen .feedback__stat{padding:.25rem .625rem;font-size:.8125rem}.quiz-screen .correct-spelling{margin:.5rem 0 .65rem}.quiz-screen .correct-spelling__label{margin:0 0 .35rem;font-size:.9375rem}.quiz-screen .correct-spelling__word{gap:.2rem;min-height:2rem}.quiz-screen .correct-spelling__letter{min-width:1.65rem;padding:.1rem .2rem;font-size:1.4rem}.quiz-screen .correct-spelling__letter--active{transform:scale(1.3)}.quiz-screen .correct-spelling__letter--finished{transform:scale(1.05)}.quiz-screen .correct-spelling__word--pulse{animation:.45s correct-spelling-word-pulse-compact}@keyframes correct-spelling-word-pulse-compact{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@media (height<=720px){#root:has(.quiz-screen){padding-top:.5rem;padding-bottom:.5rem}.quiz-screen{max-height:calc(100dvh - 1rem)}.quiz-screen .player-welcome{font-size:1.25rem}.quiz-screen .player-welcome__name{font-size:1.35rem}.quiz-screen .animal-avatar__svg{width:3.25rem;height:3.25rem}.quiz-screen .score-bar{margin-bottom:.75rem;padding:.5rem .75rem}.quiz-screen .progress-bar{margin-bottom:.65rem}.quiz-screen .progress-legend{margin-bottom:.75rem}.quiz-screen .quiz-card{padding:1.25rem 1rem}.quiz-screen .quiz-prompt{margin-bottom:.75rem;font-size:1rem}.quiz-screen .quiz-input{margin-bottom:.75rem;padding:.5rem .75rem;font-size:1.25rem}.quiz-screen .quiz-actions{gap:.85rem}.quiz-screen .feedback__title{font-size:1rem}.quiz-screen .correct-spelling__letter{min-width:1.45rem;font-size:1.2rem}}.upload-card,.quiz-card,.finish-card,.name-card{background:#fff;border-radius:1.25rem;padding:2rem;box-shadow:0 8px 32px #1a5fb41f}.upload-input{display:none}.upload-status{text-align:center;color:#2a9d8f;margin:1rem 0 0;font-size:1.125rem}.upload-error{text-align:center;color:#c1121f;margin:1rem 0 0;font-size:1.125rem}.upload-hint{text-align:center;color:#6b7c93;margin-top:1.5rem;font-size:1rem}.upload-card{flex-direction:column;align-items:center;gap:1rem;display:flex}.btn{cursor:pointer;border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-family:inherit;font-size:1.125rem;font-weight:600;transition:transform .1s,box-shadow .15s}.btn:focus-visible{outline-offset:2px;outline:3px solid #1a5fb4}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{color:#fff;background:#1a5fb4}.btn--primary:hover:not(:disabled){background:#1c71d8;box-shadow:0 4px 12px #1a5fb44d}.btn--secondary{color:#1a5fb4;background:#e8f0fe}.btn--secondary:hover:not(:disabled){background:#d0e2ff}.btn--success{color:#fff;background:#2a9d8f}.btn--success:hover:not(:disabled){background:#21867a;box-shadow:0 4px 12px #2a9d8f4d}.btn--large{width:100%;max-width:320px;padding:1rem 2rem;font-size:1.375rem}.score-bar{box-shadow:none;background:0 0;border-radius:1rem;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex}.progress-bar{gap:.35rem;width:100%;margin-bottom:1rem;display:flex}.progress-bar__segment{cursor:help;background:#dce4ef;border-radius:.35rem;flex:1;height:1rem;transition:background-color .25s}.progress-bar__segment--pending{background:#dce4ef}.progress-bar__segment--current{background:#b8d4f0;box-shadow:inset 0 0 0 2px #1a5fb4}.progress-bar__segment--green{background:#2a9d8f}.progress-bar__segment--amber{background:#f4a261}.progress-bar__segment--red{background:#e76f51}.progress-legend{color:#6b7c93;flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;margin-bottom:1rem;font-size:.8125rem;display:flex}.progress-legend__item{align-items:center;gap:.35rem;display:inline-flex}.progress-legend__swatch{border-radius:.2rem;width:.75rem;height:.75rem}.progress-legend__swatch--green{background:#2a9d8f}.progress-legend__swatch--amber{background:#f4a261}.progress-legend__swatch--red{background:#e76f51}.btn--restart,.btn--home{font-size:1rem}.game-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.game-header__left,.game-header__right{flex:1 1 0;align-items:center;display:flex}.game-header__left{justify-content:flex-start}.game-header__right{justify-content:flex-end}.player-welcome{text-align:center;color:#1a5fb4;margin:0 0 .35rem;font-size:2rem;font-weight:700}.player-welcome__name{color:#0d47a1;font-size:2.35rem;font-weight:800}.player-avatar{justify-content:center;align-items:center;margin-bottom:.75rem;display:flex}.animal-avatar__svg{width:5.5rem;height:5.5rem;display:block}.avatar-picker{border:none;width:100%;margin:0;padding:0}.avatar-picker__legend{color:#1a5fb4;text-align:center;margin-bottom:.75rem;font-size:1.125rem;font-weight:700}.avatar-picker__row{flex-wrap:nowrap;justify-content:center;align-items:center;gap:.35rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.avatar-picker__option{cursor:pointer;background:#f8fbff;border:3px solid #0000;border-radius:1rem;flex-direction:column;flex:none;align-items:center;gap:.2rem;padding:.35rem .25rem .45rem;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.avatar-picker__option:hover{border-color:#b8d4f0}.avatar-picker__option--selected{border-color:#1a5fb4;transform:scale(1.05);box-shadow:0 0 0 3px #1a5fb433}.avatar-picker__option .animal-avatar__svg{width:3.25rem;height:3.25rem}.avatar-picker__label{color:#3d5a80;text-align:center;font-size:.625rem;font-weight:700;line-height:1.1}.avatar-picker__option--selected .avatar-picker__label{color:#1a5fb4}.avatar-picker__option:focus-visible{border-color:#1a5fb4;outline:none;box-shadow:0 0 0 4px #1a5fb440}.name-card{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.name-input{text-align:center;color:#1a2b4a;background:#f8fbff;border:3px solid #b8d4f0;border-radius:1rem;width:100%;padding:1rem 1.25rem;font-family:inherit;font-size:1.75rem}.name-input:focus{border-color:#1a5fb4;outline:none;box-shadow:0 0 0 4px #1a5fb426}.confirm-dialog__backdrop{z-index:1000;background:#1a2b4a73;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.confirm-dialog{background:#fff;border-radius:1.25rem;width:100%;max-width:420px;padding:1.75rem;box-shadow:0 12px 40px #1a2b4a33}.confirm-dialog__title{color:#1a5fb4;text-align:center;margin:0 0 .75rem;font-size:1.5rem}.confirm-dialog__message{color:#3d5a80;text-align:center;margin:0 0 1.5rem;font-size:1.125rem}.confirm-dialog__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.score-bar__stat{flex-direction:column;gap:.25rem;display:flex}.score-bar__stat--left{text-align:left;align-items:flex-start}.score-bar__stat--right{text-align:right;align-items:flex-end}.score-bar__label{text-transform:uppercase;letter-spacing:.05em;color:#6b7c93;font-size:.875rem;font-weight:600}.score-bar__value{color:#1a5fb4;font-size:1.375rem;font-weight:700}.quiz-prompt{text-align:center;color:#3d5a80;margin:0 0 1.5rem;font-size:1.375rem}.quiz-actions-audio{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-bottom:1.5rem;display:grid}.quiz-actions-audio .btn{white-space:nowrap;padding:.625rem .5rem;font-size:.9375rem}.scramble-hint{text-align:center;background:#eef6ff;border:2px solid #1a5fb4;border-radius:1rem;width:100%;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.scramble-hint__title{color:#1a5fb4;margin:0 0 1rem;font-size:1.25rem;font-weight:700}.scramble-hint__letters{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.scramble-hint__letter{color:#1a5fb4;cursor:pointer;background:#fff;border:2px solid #b8d4f0;border-radius:.75rem;justify-content:center;align-items:center;min-width:3rem;height:3rem;padding:0 .75rem;font-family:inherit;font-size:1.75rem;font-weight:800;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.scramble-hint__letter:hover:not(:disabled){background:#eef6ff;border-color:#1a5fb4}.scramble-hint__letter:disabled{cursor:default}.scramble-hint__letter--green{color:#fff;background:#2a9d8f;border-color:#1b7a6e}.scramble-hint__letter--red{color:#fff;background:#e76f51;border-color:#c1121f}.quiz-input{text-align:center;color:#1a2b4a;background:#f8fbff;border:3px solid #b8d4f0;border-radius:1rem;width:100%;margin-bottom:1.5rem;padding:1rem 1.25rem;font-family:inherit;font-size:2rem;display:block}.quiz-input:focus{border-color:#1a5fb4;outline:none;box-shadow:0 0 0 4px #1a5fb426}.quiz-input:disabled{color:#6b7c93;background:#eef3f9}.quiz-actions{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.feedback{text-align:center;border-radius:1rem;width:100%;padding:1.25rem 1.5rem}.feedback--success{background:#d8f3dc;border:2px solid #2a9d8f}.feedback--error{background:#fff0f0;border:2px solid #e76f51}.feedback--retry{background:#fff8e6;border:2px solid #f4a261}.feedback--retry .feedback__title{color:#c76b00}.feedback__title{margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.feedback--success .feedback__title{color:#1b7a6e}.feedback--error .feedback__title{color:#c1121f}.feedback__message{margin:0 0 .75rem;font-size:1.125rem}.feedback__stats{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.feedback__stat{border-radius:2rem;padding:.375rem .875rem;font-size:1rem;font-weight:600}.feedback__stat--good{color:#1b7a6e;background:#d8f3dc}.feedback__stat--bad{color:#c1121f;background:#fde8e8}.correct-spelling{margin:.75rem 0 1rem}.correct-spelling__label{color:#3d5a80;margin:0 0 .75rem;font-size:1.25rem;font-weight:600}.correct-spelling__word{transform-origin:50%;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;min-height:4rem;margin:0;display:flex;transform:scale(1)}.correct-spelling__word--pulse{animation:.45s correct-spelling-word-pulse}@keyframes correct-spelling-word-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}.correct-spelling__letter{color:#c1121f;justify-content:center;align-items:center;min-width:2.5rem;padding:.25rem .35rem;font-size:2.25rem;font-weight:800;line-height:1;transition:transform .3s,color .3s,text-shadow .3s;display:inline-flex;transform:scale(1)}.correct-spelling__letter--active{color:#9b0d1a;text-shadow:0 4px 14px #c1121f40;transform:scale(1.65)}.correct-spelling__letter--finished{color:#c1121f;transform:scale(1.15)}.finish-screen{text-align:center}.finish-score{margin:0 0 .5rem;font-size:1.5rem}.finish-percent{color:#1a5fb4;margin:0 0 .5rem;font-size:4rem;font-weight:800;line-height:1}.finish-message{color:#3d5a80;margin:0 0 2rem;font-size:1.25rem}.finish-actions{flex-direction:column;align-items:center;gap:1rem;display:flex}