:root{--bg:#0c0a11;--bg2:#0a0810;--panel:#15111e;--panel2:#1b1626;--ink:#ece8f4;--muted:#9a92a8;--line:rgba(255,255,255,.1);--violet:#a882ff;--violet-d:#6a3df0;--green:#46e2a4;--red:#ff5c78;--amber:#eab04a;--font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%;background:radial-gradient(700px 380px at 20% -5%,rgba(168,130,255,.14),transparent 70%),radial-gradient(600px 340px at 95% 0%,rgba(70,226,164,.1),transparent 72%),var(--bg);color:var(--ink);font-family:var(--font)}body{overflow:hidden;user-select:none;line-height:1.5}button{font-family:inherit;color:inherit;cursor:pointer}.mono{font-family:var(--mono)}.app{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden}.pad{padding:calc(14px + env(safe-area-inset-top)) 16px calc(14px + env(safe-area-inset-bottom))}.eyebrow{font-family:var(--mono);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--violet)}.title{font-size:clamp(2.4rem,12vw,3.4rem);font-weight:820;letter-spacing:-.035em;margin:2px 0}.title .g{color:var(--violet)}.sub{color:var(--muted);font-size:.95rem;max-width:32ch}.btn{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:14px 16px;font-size:15px;font-weight:640;display:flex;align-items:center;gap:10px;width:100%;transition:transform .05s}.btn:active{transform:scale(.98)}.btn.primary{background:linear-gradient(180deg,var(--violet-d),#3d229a);border-color:transparent}.btn.ghost{background:transparent}.btn .em{font-size:20px}.btn .col{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.btn .col small{color:var(--muted);font-weight:500;font-size:.76rem}.row{display:flex;gap:10px}.spacer{flex:1}.menu{display:flex;flex-direction:column;height:100%}.menu .hero{padding-top:6vh}.menu .cells{display:flex;gap:7px;margin:18px 0 6px}.menu .cells i{width:30px;height:30px;border-radius:9px;display:block}.menu .actions{display:flex;flex-direction:column;gap:10px;margin-top:auto}.stat-row{display:flex;gap:8px;margin:14px 0}.stat{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.stat b{font-size:1.15rem;font-variant-numeric:tabular-nums}.stat small{display:block;color:var(--muted);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;margin-top:2px}.hud-top{display:flex;flex-direction:column;gap:10px;padding-right:44px}.hud-line{display:flex;align-items:center;gap:12px}.score{font-size:1.8rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.score small{display:block;font-size:.62rem;color:var(--muted);letter-spacing:.15em;text-transform:uppercase;font-weight:600}.moves{margin-left:auto;text-align:right}.moves b{font-size:1.5rem;font-variant-numeric:tabular-nums}.moves small{display:block;font-size:.62rem;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.meters{display:flex;gap:10px}.meter{flex:1}.meter .lbl{display:flex;justify-content:space-between;font-size:.66rem;color:var(--muted);letter-spacing:.06em;margin-bottom:3px;text-transform:uppercase}.meter .track{height:9px;border-radius:6px;background:#ffffff12;overflow:hidden}.meter .fill{height:100%;border-radius:6px;transition:width .25s}.fill.alert{background:linear-gradient(90deg,#8a5,var(--red))}.fill.mut{background:linear-gradient(90deg,#6a3df0,var(--violet))}.alert-hot{animation:flash .8s infinite}@keyframes flash{50%{opacity:.5}}.threat{font-family:var(--mono);font-size:.66rem;color:var(--red);letter-spacing:.1em}.board-wrap{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}#board{filter:drop-shadow(0 10px 30px rgba(0,0,0,.5))}.game-foot{display:flex;gap:10px}.game-foot .btn{flex:1;justify-content:center;padding:12px}.overlay{position:fixed;inset:0;background:#06050ab8;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:18px;z-index:40}.sheet{width:min(400px,92vw);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;max-height:86vh;overflow:auto}.sheet h3{margin:0 0 4px;font-size:1.15rem}.sheet .cap{color:var(--muted);font-size:.85rem;margin:0 0 14px}.mut{display:flex;flex-direction:column;gap:10px}.mut .opt{border:1px solid var(--line);background:var(--panel2);border-radius:14px;padding:14px;text-align:left;transition:transform .05s,border-color .1s}.mut .opt:active{transform:scale(.98)}.mut .opt:hover{border-color:var(--violet)}.mut .opt .br{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--violet)}.mut .opt .nm{font-weight:700;font-size:1.02rem;margin:3px 0}.mut .opt .ds{color:var(--muted);font-size:.86rem}.result{text-align:center}.result .big{font-size:3rem;font-weight:850;font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin:6px 0}.result .rank{display:inline-block;font-family:var(--mono);font-size:.8rem;color:var(--violet);border:1px solid var(--line);border-radius:999px;padding:5px 12px;margin-bottom:6px}.result .warnc{color:var(--amber);font-size:.82rem;margin-top:8px}.tabs{display:flex;gap:6px;margin:8px 0 12px}.tab{flex:1;padding:9px;border:1px solid var(--line);background:var(--panel);border-radius:10px;font-size:.82rem;color:var(--muted);text-align:center}.tab.on{color:var(--ink);border-color:var(--violet);background:var(--panel2)}.lb-list{display:flex;flex-direction:column;gap:6px;overflow:auto;flex:1}.lb-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.lb-row.me{border-color:var(--violet);background:linear-gradient(90deg,rgba(168,130,255,.12),transparent)}.lb-row .pos{font-family:var(--mono);width:30px;color:var(--muted);font-variant-numeric:tabular-nums}.lb-row .pos.top{color:var(--amber)}.lb-row .nm{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row .sc{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:700}.empty{color:var(--muted);text-align:center;padding:40px 0;font-size:.9rem}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:6px}.topbar h2{font-size:1.1rem;margin:0}.topbar .back{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:8px 12px;font-size:14px}.help-btn{position:fixed;top:calc(10px + env(safe-area-inset-top));right:12px;z-index:30;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:18px;font-weight:800;display:grid;place-items:center;box-shadow:0 4px 14px #00000059}.help-btn:active{transform:scale(.94)}.rules-body{display:flex;flex-direction:column;gap:11px;margin-bottom:14px}.rblock b{display:block;margin-bottom:2px;font-size:.94rem}.rblock p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.45}:focus-visible{outline:2px solid var(--violet);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation:none!important}}