:root{--bg: #0e1116;--bg-2: #161b22;--bg-3: #1f262e;--fg: #e6edf3;--fg-dim: #9aa6b2;--muted: #6c7785;--line: #2a313b;--primary: #5e8bff;--primary-2: #4570e0;--ok: #3fb950;--warn: #e3b341;--bad: #f85149;--team-a: #ef4444;--team-b: #58a6ff;--shadow: 0 8px 30px rgba(0, 0, 0, .35);--radius: 12px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:linear-gradient(180deg,#0a0d12,#131820);color:var(--fg);-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid var(--line);background:#0e1116d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.2px}.brand-icon{font-size:22px}.brand-name{font-size:18px}.brand-version{font-size:11px;font-weight:500;color:var(--muted);padding:2px 7px;border:1px solid var(--line);border-radius:999px;font-variant-numeric:tabular-nums;letter-spacing:.3px}.brand.large{font-size:28px}.brand.large .brand-icon{font-size:38px}.header-right{display:flex;align-items:center;gap:12px}.username{color:var(--fg-dim);font-size:14px}.conn{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--fg-dim)}.conn-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.team-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:5px 10px;border-radius:999px;border:1px solid var(--line)}.team-A{color:var(--team-a);border-color:#ef444466;background:#ef444414}.team-B{color:var(--team-b);border-color:#58a6ff66;background:#58a6ff14}.badge-lock{font-size:11px;opacity:.8}.btn{border:1px solid var(--line);background:transparent;color:var(--fg);border-radius:8px;padding:7px 12px;font-size:13px;cursor:pointer;transition:background .12s,border-color .12s,transform 80ms}.btn:hover{background:var(--bg-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-2);border-color:var(--primary-2)}.btn.danger{background:#f851491f;border-color:#f8514980;color:#ff7b72}.btn.danger:hover:not(:disabled){background:#f8514933}.btn.ghost{background:transparent}.btn.lg{padding:10px 16px;font-size:14px;width:100%}.btn.sm{padding:5px 10px;font-size:12px}.layout{display:grid;grid-template-columns:280px minmax(420px,1fr) 360px;gap:20px;padding:20px;flex:1;max-width:1400px;width:100%;margin:0 auto}.left,.right{display:flex;flex-direction:column;gap:16px}.center{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative}.center-top{display:flex;align-items:center;gap:18px;width:100%;max-width:600px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:12px 18px}.turn-info{line-height:1.5}.turn-info .line1{font-size:14px}.turn-info .line2{font-size:12px}@media (max-width: 1100px){.layout{grid-template-columns:1fr}.left,.right{order:2}.center{order:1}}.panel{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.panel-head h3{font-size:14px;margin:0;font-weight:600;letter-spacing:.2px}.muted{color:var(--muted)}.small{font-size:12px}.micro{font-size:11px}.board-wrap{width:100%;max-width:600px}.board-shell{position:relative}.board-overlay-soft{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:#0e111680;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--fg-dim);pointer-events:none;letter-spacing:.5px}.board-hint{color:var(--warn);font-size:13px;min-height:18px;margin-top:6px;text-align:center}.vote-panel.dim{opacity:.7}.vote-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.vote-row{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-3);border-radius:8px;border:1px solid transparent;overflow:hidden}.vote-row:hover{border-color:var(--line)}.vote-row.mine{border-color:var(--ok)}.vote-row.leader{background:linear-gradient(90deg,#1a2332,#1f262e)}.vote-bar{position:absolute;top:0;left:0;bottom:0;background:#5e8bff1f;z-index:0}.vote-row.mine .vote-bar{background:#3fb9502e}.vote-san,.vote-count{position:relative;z-index:1}.vote-san{font-weight:600;font-family:SF Mono,Menlo,monospace}.vote-count{font-size:12px;color:var(--fg-dim)}.resign-panel{display:flex;flex-direction:column;gap:10px}.resign-panel.active{border-color:#f8514966}.badge.time{font-size:13px;background:var(--bg-3);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-variant-numeric:tabular-nums}.badge.time.urgent{background:#f851492e;border-color:#f8514980;color:#ff7b72}.resign-tally{display:flex;flex-direction:column;gap:6px}.resign-bar{height:6px;background:#f8514926;border-radius:999px;overflow:hidden}.resign-bar-yes{height:100%;background:var(--bad);transition:width .2s}.resign-tally-row{display:flex;justify-content:space-between;font-size:13px;color:var(--fg-dim)}.resign-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.resign-result.pass{color:var(--bad);font-size:12px}.resign-result.fail{color:var(--ok);font-size:12px}.countdown{display:flex;flex-direction:column;align-items:center}.cd-track{fill:none;stroke:var(--line);stroke-width:5}.cd-ring{fill:none;stroke:var(--primary);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.countdown.urgent .cd-ring{stroke:var(--bad)}.cd-text{fill:var(--fg);font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.cd-label{font-size:11px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.about-panel .about-body{display:flex;flex-direction:column;gap:10px;font-size:13px;line-height:1.55;color:var(--fg-dim)}.about-panel .about-body p{margin:0}.about-panel .about-body strong{color:var(--fg);font-weight:600}.about-panel .team-badge{padding:1px 7px;font-size:11px;vertical-align:1px}.about-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.about-list li::marker{color:var(--muted)}.leaders{display:flex;flex-direction:column;gap:6px}.leaders-head,.leader-row{display:grid;grid-template-columns:22px 1fr 44px 44px 44px 30px;gap:6px;align-items:center;padding:4px 6px;font-size:12px}.leaders-head{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:10px}.leaders-head .lh-num,.leader-row .lr-num{text-align:right;font-variant-numeric:tabular-nums}.leaders-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.leader-row{background:var(--bg-3);border-radius:6px;border:1px solid transparent}.leader-row.me{border-color:var(--ok);background:#3fb9501a}.lr-rank{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.lr-name{display:inline-flex;align-items:center;gap:6px;min-width:0}.lr-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--fg)}.lr-you{font-size:10px;padding:0 5px;border-radius:4px;background:#3fb9502e;color:var(--ok);font-weight:700;letter-spacing:.4px;text-transform:uppercase}.leader-team-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:0 0 auto}.team-dot-A{background:var(--team-a)}.team-dot-B{background:var(--team-b)}.leaders-sep{text-align:center;padding:2px 0}.leaders-foot{margin:6px 0 0}.move-list-panel .move-list{max-height:380px;overflow-y:auto;font-family:SF Mono,Menlo,monospace;font-size:13px}.move-row{display:grid;grid-template-columns:32px 1fr 1fr;padding:3px 4px;border-radius:4px}.move-row:nth-child(odd){background:#ffffff05}.move-num{color:var(--muted)}.san{padding:1px 4px;border-radius:4px}.san.src-ai{color:var(--warn)}.san.src-tiebreak{color:var(--primary)}.stats-tabs{display:flex;gap:6px;margin-bottom:10px;border-bottom:1px solid var(--line)}.stats-tabs .tab,.modal-tabs .tab{background:transparent;border:none;color:var(--fg-dim);padding:7px 12px;cursor:pointer;border-bottom:2px solid transparent}.stats-tabs .tab.active,.modal-tabs .tab.active{color:var(--fg);border-bottom-color:var(--primary)}.stats-body{display:flex;flex-direction:column;gap:6px}.stats-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:4px 0}.stats-row span:first-child{color:var(--fg-dim)}.stat-val{font-variant-numeric:tabular-nums}.stats-panel.collapsed .panel-head{margin-bottom:0;cursor:pointer}.stats-panel .panel-head{cursor:pointer}.caret{color:var(--muted)}.scoreboard{display:flex;justify-content:center;gap:24px;padding:12px 24px;background:#0e111699;border-bottom:1px solid var(--line)}.sb-cell{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:140px;padding:6px 18px;border-radius:10px;border:1px solid var(--line);background:var(--bg-2)}.sb-cell.team-A{border-color:#ef444459}.sb-cell.team-B{border-color:#58a6ff59}.sb-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--fg-dim);font-weight:600}.sb-cell.team-A .sb-label{color:var(--team-a)}.sb-cell.team-B .sb-label{color:var(--team-b)}.sb-numbers{display:inline-flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.sb-online{display:inline-flex;align-items:center}.sb-divider{color:var(--muted);font-weight:400}.sb-total{color:var(--fg-dim);font-weight:500}.presence-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);margin-right:6px;box-shadow:0 0 6px #3fb95099;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.presence-inline{margin-left:10px;padding-left:10px;border-left:1px solid var(--line);font-size:12px;color:var(--fg-dim)}.presence-pill{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:600;margin-left:4px;border:1px solid var(--line)}.presence-pill.team-A{color:var(--team-a);border-color:#ef444466;background:#ef444414}.presence-pill.team-B{color:var(--team-b);border-color:#58a6ff66;background:#58a6ff14}.winsbar{display:inline-flex;height:20px;border-radius:6px;overflow:hidden;min-width:180px}.seg{display:inline-flex;align-items:center;padding:0 8px;font-size:11px;font-weight:600}.seg-a{background:#ef444440;color:var(--team-a)}.seg-b{background:#58a6ff40;color:var(--team-b)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow-y:auto;padding:clamp(24px,8vh,80px) 16px}.modal{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:380px;box-shadow:var(--shadow);flex-shrink:0}.modal-tabs{display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 14px}.modal-close{margin-left:auto;background:none;border:none;color:var(--fg-dim);font-size:24px;cursor:pointer;padding:4px 8px}.modal-body{padding:16px;display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:4px}.field>span,.field legend{font-size:12px;color:var(--fg-dim)}.field input{background:var(--bg-3);border:1px solid var(--line);color:var(--fg);padding:9px 10px;border-radius:6px;font-size:14px}.field input:focus{outline:2px solid var(--primary);outline-offset:-1px}.team-picker{border:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.team-picker legend{grid-column:1 / -1;margin-bottom:4px}.team-radio{flex:1;display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-weight:600}.team-radio.team-A{color:var(--team-a)}.team-radio.team-B{color:var(--team-b)}.team-radio.on{border-color:currentColor;background:#ffffff0a}.form-error{color:var(--bad);font-size:13px}.game-over{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:4;pointer-events:none}.game-over-card{background:#0e1116eb;border:1px solid var(--line);border-radius:var(--radius);padding:24px 36px;text-align:center;box-shadow:var(--shadow);pointer-events:auto}.result-line{font-size:24px;font-weight:700;margin-bottom:6px}.reason-line{color:var(--fg-dim);font-size:14px;margin-bottom:6px}.next-line{color:var(--fg-dim);font-size:14px}.share-btn{margin-top:14px}.conn-lost-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:10000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:16px}.conn-lost-card{background:var(--bg-2);border:1px solid rgba(248,81,73,.5);border-radius:var(--radius);padding:24px;max-width:400px;text-align:center;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.conn-lost-title{font-size:18px;font-weight:700;color:#ff7b72}.conn-lost-body{margin:0;color:var(--fg-dim);font-size:14px;line-height:1.5}.loading-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.header-nav{font-size:12px}.header-nav.on{background:var(--bg-3);border-color:var(--primary);color:var(--fg)}.header-points{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--bg-3)}.header-points-pos{color:var(--ok);border-color:#3fb95066}.header-points-neg{color:var(--bad);border-color:#f8514966}.header-points-zero{color:var(--fg-dim)}.lb-page{flex:1;width:100%;max-width:880px;margin:0 auto;padding:24px 20px 40px;display:flex;flex-direction:column;gap:16px}.lb-page-head{display:flex;flex-direction:column;gap:6px;position:relative}.lb-page-head h1{margin:0;font-size:26px;letter-spacing:.2px}.lb-page-head p{margin:0}.lb-back{align-self:flex-start}.lb-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:8px}.lb-tab{border:1px solid var(--line);background:transparent;color:var(--fg-dim);border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.lb-tab:hover{background:var(--bg-3);color:var(--fg)}.lb-tab.on{background:var(--bg-3);color:var(--fg);border-color:var(--primary)}.lb-tab.team-A.on{border-color:var(--team-a);color:var(--team-a)}.lb-tab.team-B.on{border-color:var(--team-b);color:var(--team-b)}.lb-grid{display:grid;grid-template-columns:40px minmax(0,1fr) 90px 70px 70px 50px;gap:8px;align-items:center;padding:10px 14px;font-size:14px}.lb-grid-head{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;padding:6px 14px 4px}.lb-num{text-align:right;font-variant-numeric:tabular-nums}.lb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.lb-row{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;transition:border-color .12s,background .12s}.lb-row:hover{background:var(--bg-3)}.lb-row.team-A{border-left:3px solid var(--team-a)}.lb-row.team-B{border-left:3px solid var(--team-b)}.lb-row.me{border-color:var(--ok);background:#3fb95014}.lb-rank{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.lb-name{display:inline-flex;align-items:center;gap:8px;min-width:0}.lb-team-dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:0 0 auto}.lb-username{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row.team-A .lb-username{color:var(--team-a)}.lb-row.team-B .lb-username{color:var(--team-b)}.lb-you{font-size:10px;padding:0 6px;border-radius:4px;background:#3fb9502e;color:var(--ok);font-weight:700;letter-spacing:.4px;text-transform:uppercase}.lb-points{font-weight:700;font-size:16px}.lb-points-pos{color:var(--ok)}.lb-points-neg{color:var(--bad)}.lb-points-zero{color:var(--fg-dim)}.lb-empty{text-align:center;padding:30px 0}.lb-sep{text-align:center;padding:4px 0}.lb-foot{margin:10px 0 0;text-align:center}@media (max-width: 720px){.lb-grid{grid-template-columns:32px minmax(0,1fr) 80px 60px 60px 40px;padding:10px;gap:6px;font-size:13px}}.points-explainer{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column;gap:12px}.points-explainer.pe-page{margin-top:8px}.points-explainer.pe-compact{padding:12px 14px;gap:8px}.pe-head{display:flex;flex-direction:column;gap:6px}.pe-head h3{margin:0;font-size:15px;font-weight:600;letter-spacing:.2px}.pe-head p{margin:0;line-height:1.5}.pe-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.pe-row{display:grid;grid-template-columns:110px minmax(0,1fr) 56px;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;font-size:13px}.pe-row:nth-child(odd){background:#ffffff06}.pe-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 9px;border-radius:999px;border:1px solid var(--line);font-size:11px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.pe-brilliant{color:#f0a8ff;border-color:#d977ff8c;background:#d977ff24}.pe-great{color:#7ed7ff;border-color:#5ec8ff80;background:#5ec8ff1f}.pe-positive{color:var(--ok);border-color:#3fb95073;background:#3fb9501f}.pe-neutral{color:var(--fg-dim);border-color:var(--line);background:var(--bg-3)}.pe-negative{color:var(--warn);border-color:#e3b34173;background:#e3b3411f}.pe-severe{color:#ff7b72;border-color:#f8514980;background:#f8514924}.pe-rule{color:var(--fg-dim)}.pe-pts{text-align:right;font-variant-numeric:tabular-nums;font-weight:700;color:var(--fg-dim)}.pe-pts.pos{color:var(--ok)}.pe-pts.neg{color:var(--bad)}@media (max-width: 720px){.pe-row{grid-template-columns:100px minmax(0,1fr) 48px;gap:8px;font-size:12px}.pe-badge{font-size:10px;padding:2px 7px}}.vote-result{display:flex;flex-direction:column;gap:10px}.vote-result.vr-brilliant{border-color:#d977ff73}.vote-result.vr-great{border-color:#5ec8ff73}.vote-result.vr-positive{border-color:#3fb95066}.vote-result.vr-neutral{border-color:var(--line)}.vote-result.vr-negative{border-color:#e3b34173}.vote-result.vr-severe{border-color:#f8514980}.vr-headline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vr-san{font-family:SF Mono,Menlo,monospace;font-size:18px;font-weight:700;color:var(--fg)}.vr-pts{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums;font-size:15px;color:var(--fg-dim)}.vr-pts-pos{color:var(--ok)}.vr-pts-neg{color:var(--bad)}.vr-team-line strong{color:var(--fg);font-family:SF Mono,Menlo,monospace;font-weight:600}.vr-note{margin:0;line-height:1.5}.vr-note strong{color:var(--fg);font-weight:600}