:root{--bg:#fff7e6;--surface:#fff;--primary:#ffb300;--primary-dark:#e69500;--secondary:#4fc3f7;--accent:#ff7043;--text:#3e2723;--correct:#66bb6a;--wrong:#ef5350;--radius:18px;--shadow:0 6px 0 #0000001f;--tile-size:clamp(40px, 11.5vw, 52px);--tile-font:clamp(1.1rem, 4.6vw, 1.4rem);--key-w:clamp(30px, 8.4vw, 40px);--key-h:clamp(42px, 11vw, 48px);font-family:Comic Sans MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);justify-content:center;margin:0;display:flex;overflow-x:hidden}#app{width:100%;max-width:640px;padding:16px}.screen{text-align:center;flex-direction:column;align-items:center;gap:18px;animation:.25s pop;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.header__title{color:var(--accent);margin:8px 0;font-size:2rem}.home__count{font-size:1.2rem;font-weight:700}.home__error{color:var(--wrong);font-weight:700}.btn{font:inherit;border-radius:var(--radius);background:var(--surface);min-height:48px;color:var(--text);box-shadow:var(--shadow);cursor:pointer;border:none;padding:14px 28px;font-size:1.1rem;font-weight:700;transition:transform 80ms,filter 80ms}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(3px);box-shadow:0 3px #0000001f}.btn:focus-visible{outline:4px solid var(--secondary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn--primary{background:var(--primary);color:#fff}.btn--secondary{background:var(--secondary);color:#fff}.btn--ghost{box-shadow:none;background:0 0}.game__hud{flex-direction:column;gap:10px;width:100%;display:flex}.scoreboard{justify-content:space-between;font-size:1.2rem;font-weight:700;display:flex}.scoreboard__lives{letter-spacing:4px;color:#e53935}.timer{background:#eee;border-radius:999px;width:100%;height:22px;position:relative;overflow:hidden}.timer__bar{background:var(--secondary);height:100%;transition:width 1s linear}.timer__label{justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;position:absolute;inset:0}.timer--alert .timer__bar{background:var(--wrong)}.timer--alert{animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.6}}.word-image,.game__image-placeholder,.study__image{background:var(--surface);border-radius:var(--radius);width:clamp(150px,52vw,200px);height:clamp(150px,52vw,200px);box-shadow:var(--shadow);justify-content:center;align-items:center;font-size:5rem;display:flex;overflow:hidden}.word-image img,.study__image img{object-fit:contain;width:100%;height:100%}.game__image{flex-direction:column;align-items:center;gap:12px;display:flex}.study__word{letter-spacing:4px;overflow-wrap:break-word;max-width:100%;font-size:clamp(1.5rem,7vw,2rem);font-weight:700}.study__controls{align-items:center;gap:12px;display:flex}.challenge,.scramble{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.scramble__answer{border-radius:var(--radius);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;min-height:60px;padding:10px;display:flex}.scramble__word{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.scramble__gap{width:clamp(10px,4vw,22px)}.scramble__slot{width:var(--tile-size);height:var(--tile-size);border:3px dashed var(--primary);border-radius:12px;justify-content:center;align-items:center;display:flex}.scramble__pool{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.scramble__tile{font:inherit;font-weight:700;font-size:var(--tile-font);width:var(--tile-size);height:var(--tile-size);background:var(--accent);color:#fff;box-shadow:var(--shadow);cursor:pointer;border:none;border-radius:12px}.scramble__slot .scramble__tile{box-shadow:none}.scramble__tile:active{transform:translateY(3px)}.study__category,.game__category{color:var(--primary-dark);min-height:1.3em;font-weight:700}.hangman{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.hangman__slots{flex-wrap:wrap;justify-content:center;gap:clamp(6px,2.5vw,10px);max-width:100%;font-size:clamp(1.4rem,6.5vw,2rem);font-weight:700;display:flex}.hangman__slot{border-bottom:4px solid var(--text);min-width:clamp(20px,6vw,28px)}.hangman__slot--fixed{border-bottom:none}.hangman__info{font-weight:700}.keyboard{flex-wrap:wrap;justify-content:center;gap:6px;max-width:480px;display:flex}.keyboard__key{font:inherit;width:var(--key-w);height:var(--key-h);background:var(--surface);box-shadow:var(--shadow);cursor:pointer;border:none;border-radius:10px;font-size:clamp(.9rem,3.6vw,1rem);font-weight:700}.keyboard__key--correct{background:var(--correct);color:#fff}.keyboard__key--wrong{background:var(--wrong);color:#fff}.audio,.spell{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.audio__input,.spell__input{font:inherit;text-align:center;text-transform:uppercase;border:3px solid var(--secondary);border-radius:var(--radius);width:100%;max-width:320px;padding:12px;font-size:1.4rem}.audio__input:focus-visible,.spell__input:focus-visible{outline:4px solid var(--primary)}.spell-image{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.spell-image__grid{flex-wrap:wrap;justify-content:center;gap:clamp(8px,3vw,16px);display:flex}.spell-image__card{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);cursor:pointer;border:4px solid #0000;padding:8px;transition:transform .1s,border-color .1s}.spell-image__card:hover:not(:disabled){border-color:var(--primary);transform:translateY(-3px)}.spell-image__card:disabled{cursor:default;opacity:.85}.spell-image__card .word-image{width:clamp(96px,27vw,150px);height:clamp(96px,27vw,150px);box-shadow:none}.listen-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.speed{align-items:center;gap:6px;display:inline-flex}.speed__value{text-align:center;min-width:3.2ch;color:var(--primary-dark);font-weight:700}.speed__slower,.speed__faster{padding:6px 12px;font-size:1.2rem;line-height:1}.speed__slower:disabled,.speed__faster:disabled{opacity:.35;cursor:default}.feedback{border-radius:var(--radius);color:#fff;justify-content:center;align-items:center;width:fit-content;height:fit-content;margin:auto;padding:24px 48px;font-size:2rem;font-weight:700;animation:.2s pop;display:flex;position:fixed;inset:0;box-shadow:0 10px 40px #0000004d}.feedback--correct{background:var(--correct)}.feedback--wrong{background:var(--wrong)}.victory__title,.gameover__title{font-size:2.2rem}.gameover__review{padding:0;font-weight:700;list-style:none}.gameover__review li{padding:4px 0}.settings__intro{font-weight:700}.settings__modes{flex-direction:column;gap:12px;width:100%;max-width:360px;display:flex}.settings__toggle{font:inherit;text-align:left;border:3px solid var(--secondary);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;padding:14px 20px;font-size:1.1rem;font-weight:700;transition:transform 80ms}.settings__toggle--on{background:var(--secondary);color:#fff}.settings__toggle:active{transform:translateY(2px)}.settings__toggle:focus-visible{outline:4px solid var(--primary);outline-offset:2px}.settings__warning{color:var(--wrong);font-weight:700}.settings__speed{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.settings__speed-option{font:inherit;border:3px solid var(--secondary);border-radius:var(--radius);background:var(--surface);min-width:64px;color:var(--text);cursor:pointer;padding:10px 14px;font-weight:700;transition:transform 80ms}.settings__speed-option--on{background:var(--secondary);color:#fff}.settings__speed-option:active{transform:translateY(2px)}.settings__speed-option:focus-visible{outline:4px solid var(--primary);outline-offset:2px}.home__install{background:var(--accent);color:#fff}.home__install[hidden]{display:none}@media (width<=420px){#app{padding:12px}.screen{gap:14px}.header__title{font-size:1.6rem}.scoreboard{font-size:1.05rem}.feedback{max-width:calc(100vw - 32px);padding:18px 28px;font-size:1.6rem}.victory__title,.gameover__title{font-size:1.8rem}}