:root{--bg: #08090d;--surf1: #0d0f17;--surf2: #12151f;--surf3: #181c29;--border: #1e2535;--border2:#2a3349;--text: #e2e8f0;--muted: #4a5568;--dim: #2d3748;--green: #10b981;--red: #ef4444;--amber: #f59e0b;--blue: #60a5fa;--purple: #a78bfa;--cyan: #22d3ee}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text);font-family:SF Mono,Fira Code,Cascadia Code,monospace;overflow-x:hidden}#hud{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.2rem;background:#0d0f17f2;backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.hud-logo{font-weight:900;font-size:.95rem;letter-spacing:.05em;color:var(--purple)}.hud-group{display:flex;gap:1.2rem;align-items:center}.hud-stat{text-align:center;min-width:48px}.hud-val{font-weight:800;font-size:1rem}.hud-lbl{font-size:.58rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}#btn-menu{background:none;border:1px solid var(--border);border-radius:.4rem;color:var(--muted);cursor:pointer;padding:.3rem .65rem;font-size:.78rem;font-family:inherit}#btn-mute{background:none;border:1px solid var(--border);border-radius:.4rem;color:var(--muted);cursor:pointer;padding:.3rem .55rem;font-size:.88rem;font-family:inherit}#btn-menu:hover{color:var(--text);border-color:var(--purple)}#arena{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 1.5rem 3rem;gap:2.2rem}#lives{display:flex;gap:.4rem;font-size:1.3rem}#lives span{transition:transform .15s}#lives span.lost{animation:life-lose .4s ease forwards}@keyframes life-lose{0%{transform:scale(1.3)}50%{transform:scale(.5) rotate(-20deg)}to{transform:scale(1) opacity:.3}}#word-container{display:flex;flex-direction:column;align-items:center;gap:1.4rem;width:100%;max-width:620px}#category-badge{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border2);border-radius:2rem;padding:.2rem .8rem}#word-slots{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:center;min-height:80px;align-items:flex-end}.letter-slot{display:flex;flex-direction:column;align-items:center;gap:.3rem;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:900;min-width:2.2ch;text-align:center}.letter-slot .char{line-height:1;letter-spacing:.02em;transition:color .25s,transform .2s}.letter-slot .underline{width:100%;height:3px;border-radius:2px;background:var(--border2);transition:background .25s}.letter-slot.shown .char{color:var(--text)}.letter-slot.shadow .char{color:transparent;user-select:none}.letter-slot.shadow .underline{background:var(--purple);opacity:.6}.letter-slot.reveal .char{color:var(--green)}.letter-slot.reveal .underline{background:var(--green)}.letter-slot.reveal{animation:slot-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slot-pop{0%{transform:translateY(6px) scale(.8)}60%{transform:translateY(-4px) scale(1.1)}to{transform:none}}.letter-slot.wrong .underline{background:var(--red)!important}#input-section{display:flex;flex-direction:column;align-items:center;gap:.9rem;width:100%;max-width:420px}#hint-text{font-size:.75rem;color:var(--muted);text-align:center;min-height:1.1em;letter-spacing:.04em}#input-wrap{position:relative;width:100%}#answer-input{width:100%;padding:.85rem 1rem;background:var(--surf2);border:2px solid var(--border2);border-radius:.75rem;color:var(--text);font-family:inherit;font-size:1.15rem;font-weight:700;text-align:center;letter-spacing:.12em;text-transform:uppercase;outline:none;transition:border-color .15s,box-shadow .15s}#answer-input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #a78bfa2e}#answer-input.correct{border-color:var(--green);box-shadow:0 0 0 3px #10b98133}#answer-input.wrong{border-color:var(--red);box-shadow:0 0 0 3px #ef444433;animation:input-shake .35s ease}@keyframes input-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}#toast{position:fixed;bottom:5rem;left:50%;transform:translate(-50%);padding:.55rem 1.5rem;border-radius:2rem;font-weight:800;font-size:.9rem;z-index:250;opacity:0;pointer-events:none;transition:opacity .2s;white-space:nowrap}#toast.show{opacity:1}#toast.green{background:#10b98133;border:1px solid var(--green);color:var(--green)}#toast.red{background:#ef444433;border:1px solid var(--red);color:var(--red)}#toast.amber{background:#f59e0b26;border:1px solid var(--amber);color:var(--amber)}#combo-area{text-align:center;min-height:2rem}#combo-text{font-size:.9rem;font-weight:800;color:var(--amber);opacity:0;transition:opacity .2s;letter-spacing:.05em}#combo-text.show{opacity:1;animation:combo-pop .25s ease}@keyframes combo-pop{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}#flash{position:fixed;inset:0;pointer-events:none;z-index:200;opacity:0;transition:opacity .12s}#flash.green{background:#10b9811a}#flash.red{background:#ef444426}#progress-bar-wrap{width:100%;max-width:420px}#progress-bg{height:3px;background:var(--surf3);border-radius:2px;overflow:hidden}#progress-fill{height:100%;background:var(--purple);border-radius:2px;transition:width .4s ease}#over-screen{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;background:#000000d9;opacity:0;pointer-events:none;transition:opacity .4s}#over-screen.show{opacity:1;pointer-events:all}.over-card{background:var(--surf1);border:1px solid var(--border2);border-radius:1.2rem;padding:2.2rem 2rem;max-width:380px;width:90%;display:flex;flex-direction:column;gap:1.1rem;text-align:center}.over-title{font-size:1.8rem;font-weight:900}.over-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.over-stat{background:var(--surf2);border-radius:.65rem;padding:.7rem .5rem}.over-stat-val{font-size:1.35rem;font-weight:800}.over-stat-lbl{font-size:.63rem;color:var(--muted)}.reward-row{background:var(--surf2);border-radius:.6rem;padding:.6rem 1rem;display:flex;gap:1.2rem;justify-content:center;font-size:.85rem}.reward-gems{color:var(--amber);font-weight:800}.reward-xp{color:var(--cyan);font-weight:800}.over-btns{display:flex;gap:.6rem}.over-btn{flex:1;padding:.65rem;border-radius:.6rem;border:1px solid var(--border2);background:var(--surf2);color:var(--text);font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer}.over-btn.primary{background:var(--purple);border-color:transparent}#start-screen{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;background:var(--bg);flex-direction:column;gap:1.6rem;padding:2rem}.start-icon{font-size:4rem}.start-title{font-size:2rem;font-weight:900;letter-spacing:.06em;background:linear-gradient(135deg,var(--purple),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.start-sub{color:var(--muted);text-align:center;max-width:360px;font-size:.88rem;line-height:1.7}.diff-row{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.diff-card{background:var(--surf2);border:2px solid var(--border2);border-radius:.9rem;padding:.9rem 1.1rem;text-align:center;cursor:pointer;min-width:110px;transition:border-color .15s,transform .15s}.diff-card:hover{border-color:var(--purple);transform:translateY(-3px)}.diff-card.sel{border-color:var(--purple);box-shadow:0 0 18px #a78bfa40}.diff-icon{font-size:1.8rem;margin-bottom:.3rem}.diff-name{font-weight:800;font-size:.85rem}.diff-desc{font-size:.65rem;color:var(--muted);margin-top:.2rem;line-height:1.4}#btn-start{padding:.85rem 3rem;border-radius:.75rem;background:linear-gradient(135deg,var(--purple),var(--blue));border:none;color:#fff;font-family:inherit;font-size:1.05rem;font-weight:900;cursor:pointer;transition:opacity .15s,transform .1s;letter-spacing:.06em}#btn-start:hover{opacity:.88;transform:scale(1.03)}.hidden{display:none!important}