.character{display:flex;align-items:center;justify-content:center;border-radius:16px;transition:box-shadow .3s ease;position:relative}.character__img{width:80vw;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:12px}.character--correct{box-shadow:0 0 30px #10b98133}.character--fail{box-shadow:0 0 30px #ef444433}.start-screen{align-items:center;justify-content:center;padding:24px;overflow:hidden}.start-screen__content{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:400px;width:100%;min-height:0}.start-screen__title{font-size:2.5rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em}.start-screen__subtitle{font-size:1rem;color:var(--color-text-muted)}.start-screen__character{margin:24px 0;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.start-screen__character .character__img{height:100%;max-height:50vh}.start-screen__instructions{display:flex;flex-direction:column;gap:10px;width:100%;padding:0 8px}.start-screen__instruction{font-size:.95rem;color:var(--color-text-muted);text-align:center}.start-screen__button{background:var(--color-text);color:#fff;border:none;border-radius:12px;padding:16px 48px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:transform .15s,opacity .15s}.start-screen__button:hover{opacity:.9}.start-screen__button:active{transform:scale(.97)}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border);font-size:.875rem}.top-bar__timer{color:var(--color-text);font-weight:600;font-variant-numeric:tabular-nums;min-width:60px}.top-bar__word-count{color:var(--color-text);font-weight:600}.top-bar__streak{color:var(--color-streak);min-width:40px;text-align:right}.timer-bar{height:4px;background:var(--color-border);border-radius:2px;width:100%}.timer-bar__fill{height:100%;transition:width .05s linear;border-radius:2px}.particle-system{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:10}.particle{position:absolute;transition:opacity .1s linear;will-change:transform,opacity}.syllable-tiles{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:16px}.syllable-tiles__tile{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;padding:16px 22px;font-size:1.5rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:transform .1s,border-color .15s,background .15s;touch-action:none;font-family:var(--font-main)}@media(hover:hover){.syllable-tiles__tile:hover:not(:disabled){border-color:var(--color-accent);background:#f5f3ff}}.syllable-tiles__tile:active:not(:disabled){transform:scale(.95)}.syllable-tiles__tile:disabled{cursor:default}.syllable-tiles__tile--correct{background:#ecfdf5;border-color:var(--color-correct);color:var(--color-correct)}.syllable-tiles__tile--wrong{background:#fef2f2;border-color:var(--color-wrong, #ef4444);color:var(--color-wrong, #ef4444)}@media(min-width:768px){.syllable-tiles__tile{padding:20px 28px;font-size:1.75rem}}.whole-word{display:flex;justify-content:center;padding:16px}.whole-word__text{font-size:2.25rem;font-weight:500;color:var(--color-text);letter-spacing:.01em;cursor:pointer}.whole-word__region{transition:color .15s;touch-action:none}@media(hover:hover){.whole-word__region:hover{color:var(--color-accent)}}.whole-word__region--correct{color:var(--color-correct);font-weight:700}.whole-word__region--wrong{color:var(--color-wrong, #ef4444);font-weight:700}@media(min-width:768px){.whole-word__text{font-size:2.75rem}}.milestone-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:20;pointer-events:none;animation:fadeIn .3s ease-out}.milestone-overlay__label{font-size:2.5rem;font-weight:800;color:var(--color-text);text-shadow:0 2px 20px rgba(0,0,0,.1);animation:milestonePopIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes milestonePopIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.game-screen{position:relative;overflow:hidden}.game-screen__red-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-wrong);opacity:0;animation:redFlash .4s ease-out;pointer-events:none;z-index:15}.game-screen__main{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px;min-height:0;gap:12px}.game-screen__character{display:flex;justify-content:center;pointer-events:none;flex:1;min-height:0;overflow:hidden}.game-screen__character .character__img{max-height:100%;object-fit:contain}.game-screen__interaction{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;gap:12px;width:300px;max-width:90vw}.game-screen__controls{display:flex;gap:12px;align-items:center}@media(min-width:768px){.game-screen__main{flex-direction:row;align-items:stretch;justify-content:center;padding:40px 80px;gap:60px}.game-screen__character{position:relative;inset:auto;flex:0 1 auto;pointer-events:auto;overflow:hidden;min-height:0;max-height:100%}.game-screen__interaction{flex:0 1 auto;justify-content:center}}.results-screen{align-items:center;justify-content:safe center;padding:16px;overflow-y:auto}.results-screen__content{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:400px;width:100%}.results-screen__title{font-size:1.5rem;font-weight:700;color:var(--color-text)}.results-screen__character{flex-shrink:1;min-height:0;overflow:hidden;display:flex;align-items:center}.results-screen__character .character__img{width:40vw;max-width:200px}.results-screen__stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.results-screen__stat{background:var(--color-surface);border-radius:8px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:2px}.results-screen__stat-value{font-size:1.1rem;font-weight:700;color:var(--color-text)}.results-screen__stat-label{font-size:.7rem;color:var(--color-text-muted)}.results-screen__breakdown{display:flex;gap:16px;font-size:.875rem}.results-screen__breakdown-item--correct{color:var(--color-correct)}.results-screen__breakdown-item--partial{color:var(--color-partial)}.results-screen__breakdown-item--wrong{color:var(--color-wrong)}.results-screen__button{background:var(--color-text);color:#fff;border:none;border-radius:10px;padding:12px 36px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s,opacity .15s;flex-shrink:0}.results-screen__button:hover{opacity:.9}.results-screen__button:active{transform:scale(.97)}:root{--color-bg: #ffffff;--color-text: #1a1a2e;--color-text-muted: #6b7280;--color-text-light: #9ca3af;--color-border: #e5e7eb;--color-surface: #f3f4f6;--color-correct: #10b981;--color-wrong: #ef4444;--color-partial: #f59e0b;--color-accent: #7c3aed;--color-streak: #f59e0b;--font-main: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background:var(--color-bg);color:var(--color-text);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overflow:hidden;height:100dvh}#root{height:100dvh;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;height:100%}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes redFlash{0%{opacity:0}30%{opacity:.3}to{opacity:0}}.shake{animation:shake .3s ease-in-out}