.fw-game{flex-direction:column;gap:1rem;display:flex}.fw-controls{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.fw-group{background:var(--color-surface-alt);border-radius:var(--radius-md);gap:.15rem;padding:.25rem;display:inline-flex}.fw-group button{border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;padding:.4rem .75rem;font-size:.85rem;font-weight:600}.fw-group button:hover{color:var(--color-text)}.fw-group button[aria-pressed=true]{background:var(--color-primary);color:var(--color-primary-contrast)}.fw-hud{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-family:var(--font-mono);flex-wrap:wrap;gap:.75rem 2rem;padding:.75rem 1.1rem;display:flex}.fw-stat{flex-direction:column;gap:.1rem;display:flex}.fw-stat-label{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-size:.7rem}.fw-stat strong{color:var(--color-primary);font-size:1.3rem}.fw-stat.flash strong{animation:.6s fw-flash}.fw-lives{gap:.2rem;font-size:1.15rem;line-height:1.2;display:inline-flex}.fw-lives .life{color:var(--color-error)}.fw-lives .life.lost{color:var(--color-border)}.fw-stage{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--color-surface-alt), var(--color-bg));height:clamp(300px,46vh,440px);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.fw-field{position:absolute;inset:0}.fw-stage.over{opacity:.5;transition:opacity .3s}.falling-word{will-change:transform;position:absolute;top:0;left:0}.fw-word-inner{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);font-family:var(--font-mono);white-space:nowrap;color:var(--color-text);padding:.3rem .6rem;font-size:clamp(.95rem,.85rem + .6vw,1.25rem);display:inline-block}.falling-word.locked .fw-word-inner{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 14%, var(--color-bg));color:var(--color-text);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent)}.fw-char.typed{color:var(--color-primary);font-weight:700}.falling-word.cleared .fw-word-inner{animation:.24s ease-out forwards fw-pop}.falling-word.missed .fw-word-inner{border-color:var(--color-error);color:var(--color-error);animation:.2s ease-in forwards fw-fade}.fw-countdown{font-family:var(--font-mono);color:var(--color-primary);pointer-events:none;justify-content:center;align-items:center;font-size:clamp(3rem,12vw,5.5rem);font-weight:800;display:flex;position:absolute;inset:0}.fw-countdown[hidden]{display:none}.fw-overlay{text-align:center;background:color-mix(in srgb, var(--color-bg) 78%, transparent);backdrop-filter:blur(3px);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex;position:absolute;inset:0}.fw-overlay[hidden]{display:none}.fw-overlay-title{margin:0;font-size:1.4rem;font-weight:800}.fw-hint{color:var(--color-text-muted);margin:0;font-size:.8rem}.fw-stage.hit:after{content:"";pointer-events:none;background:radial-gradient(circle, transparent 52%, color-mix(in srgb, var(--color-error) 34%, transparent));animation:.3s forwards fw-hitflash;position:absolute;inset:0}.fw-input-row{flex-direction:column;display:flex}.fw-input-label{color:var(--color-text-muted);margin-bottom:.4rem;font-size:.85rem}.fw-input{width:100%;font-family:var(--font-mono);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);padding:.75rem 1rem;font-size:1.1rem}.fw-input:disabled{opacity:.6}.fw-input.shake{border-color:var(--color-error);animation:.3s fw-shake}.fw-instructions{color:var(--color-text-muted);margin:.6rem 0 0;font-size:.8rem}.fw-results{text-align:center;padding:1.75rem}.fw-results[hidden]{display:none}.fw-results h2{margin-bottom:1.25rem}.fw-results-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.fw-result{flex-direction:column;gap:.25rem;display:flex}.fw-result span{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-size:.75rem}.fw-result strong{font-size:1.6rem;font-family:var(--font-mono);color:var(--color-primary)}.fw-results-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}@keyframes fw-pop{to{opacity:0;transform:scale(1.4)}}@keyframes fw-fade{to{opacity:0;transform:translateY(6px)}}@keyframes fw-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes fw-hitflash{0%{opacity:1}to{opacity:0}}@keyframes fw-flash{0%,to{transform:scale(1)}40%{transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.falling-word.cleared .fw-word-inner,.falling-word.missed .fw-word-inner,.fw-input.shake,.fw-stage.hit:after,.fw-stat.flash strong{animation:none}}