:root{--bg: #0a0b11;--panel: #151826;--panel-2: #1c2032;--line: rgba(255, 255, 255, .09);--text: #e9ebf5;--muted: #878da6;--accent: #ffd23f;--accent-ink: #2a2000;--danger: #ff5d6c;--success: #3ddc84;--radius: 16px;--font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}#root{display:flex;flex-direction:column}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.screen{flex:1;min-height:0;display:flex;flex-direction:column;padding:18px;gap:14px;background:radial-gradient(1000px 500px at 50% -10%,rgba(255,210,63,.07),transparent 70%),var(--bg)}.center{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.scroll{overflow-y:auto;min-height:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.title{font-size:30px;font-weight:800;letter-spacing:-.02em}.subtitle{color:var(--muted);font-size:14px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;color:var(--muted)}.huge{font-size:clamp(56px,18vw,120px);font-weight:800;letter-spacing:-.04em;line-height:.9;font-variant-numeric:tabular-nums}.btn{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:12px 18px;font-weight:650;transition:transform .08s ease,background .15s ease}.btn:hover:not(:disabled){background:#252a40}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.ghost{background:transparent}.btn.danger{border-color:#ff5d6c80;color:var(--danger)}.btn.big{padding:16px 30px;font-size:18px}.chip{display:inline-flex;align-items:center;gap:7px;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:5px 11px 5px 5px;font-size:13px}.chip img,.chip .fallback{width:22px;height:22px;border-radius:50%;background:#333a54;display:grid;place-items:center;font-size:11px;font-weight:700}.chip.dim{opacity:.45}.dot{width:7px;height:7px;border-radius:50%;flex:none}.banner{display:flex;align-items:center;gap:10px;border-radius:12px;padding:10px 14px;font-size:13px;border:1px solid var(--line);background:var(--panel)}.banner.warn{border-color:#ffd23f59;background:#ffd23f17}.banner.live{border-color:#3ddc8459;background:#3ddc8414}.banner.idle{border-color:#788cff4d;background:#788cff12}.pulse{width:9px;height:9px;border-radius:50%;background:var(--success);animation:pulse 1.6s ease-in-out infinite;flex:none}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.teams{display:grid;grid-template-columns:1fr 1fr;gap:12px}.team{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);padding:14px;display:flex;flex-direction:column;gap:10px;min-height:0}.team.active{border-color:currentColor;box-shadow:0 0 0 1px currentColor inset}.team-head{display:flex;align-items:center;justify-content:space-between;font-weight:750}.team-score{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.members{display:flex;flex-wrap:wrap;gap:6px}.words{display:flex;flex-direction:column;gap:10px;width:100%;max-width:460px}.word{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:15px 18px;font-size:20px;font-weight:700;transition:all .18s ease}.word.tappable:hover{background:var(--panel-2);border-color:#fff3}.word.scored{background:#3ddc841f;border-color:#3ddc8473;color:var(--success)}.word.scored .word-text{text-decoration:line-through;text-decoration-thickness:2px;opacity:.85}.word.flash{animation:flash .6s ease}@keyframes flash{0%{transform:scale(1)}35%{transform:scale(1.045);box-shadow:0 0 26px #3ddc8480}to{transform:scale(1)}}.word-meta{font-size:11px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:6px;flex:none}.masked{display:flex;gap:8px;flex-wrap:wrap}.mask-group{display:flex;gap:3px}.mask-letter{width:13px;height:4px;border-radius:2px;background:#ffffff2e}.timer-wrap{position:relative;display:grid;place-items:center}.timer-num{font-variant-numeric:tabular-nums;font-size:clamp(64px,20vw,130px);font-weight:800;letter-spacing:-.05em;line-height:1}.timer-num.low{color:var(--danger);animation:shake .5s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.bar{height:6px;border-radius:999px;background:#ffffff1a;overflow:hidden;width:100%;max-width:460px}.bar>i{display:block;height:100%;background:var(--accent);border-radius:999px}.board{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:520px}.space{width:11px;height:11px;border-radius:3px;background:#ffffff17}.space.filled{background:currentColor}.space.finish{background:#ffd23f80}.die{width:62px;height:62px;border-radius:14px;background:#fff;color:#111;display:grid;place-items:center;font-size:30px;font-weight:800;animation:roll .5s ease}@keyframes roll{0%{transform:rotate(-25deg) scale(.7);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:11px 17px;font-size:14px;z-index:40;max-width:90vw}.toast.warn{border-color:#ffd23f80;background:#3c320af5}.grid-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px}.opt{border:1px solid var(--line);border-radius:11px;padding:10px;font-size:13px;font-weight:650;background:var(--panel-2);text-align:center}.opt.on{border-color:var(--accent);background:#ffd23f24;color:var(--accent)}.spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.16);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:420px){.screen{padding:12px;gap:10px}.teams{grid-template-columns:1fr}}