:root{--bg:#0f1419;--panel:#171e26;--panel-2:#1d2630;--border:#2a3542;--text:#e6edf3;--muted:#8b98a5;--accent:#58a6ff;--green:#3fb950;--amber:#d29922;--red:#f85149;--violet:#bc8cff;font-size:16px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.45}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{margin:0 6px 4px;font-size:1.1rem;font-weight:700}.brand-sub{color:var(--muted);margin:0 6px 22px;font-size:.8rem}.nav a{color:var(--text);border-radius:8px;margin-bottom:2px;padding:10px 12px;font-size:1rem;display:block}.nav a:hover{background:var(--panel-2);text-decoration:none}.nav a.active{color:#fff;background:#1f3a5f}.sidebar-foot{color:var(--muted);margin-top:auto;padding-top:14px;font-size:.85rem}.version-block{overflow-wrap:anywhere;margin-top:8px;font-size:.72rem;line-height:1.4}.main{max-width:1600px;padding:24px 32px 48px}h1{margin:0 0 4px;font-size:1.7rem}h2{margin:0;font-size:1.2rem}.subtitle{color:var(--muted);margin:0 0 20px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.grid{gap:14px;display:grid}.grid.stats{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.section{margin-top:22px}.section-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.section-head .hint{color:var(--muted);font-size:.85rem}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem}.stat-value{margin-top:2px;font-size:2.1rem;font-weight:700}.stat-sub{color:var(--muted);margin-top:2px;font-size:.85rem}.scope{border:1px solid var(--border);color:var(--muted);vertical-align:middle;text-transform:none;letter-spacing:0;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:.7rem;display:inline-block}.table-wrap{border:1px solid var(--border);background:var(--panel);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:var(--panel-2);font-size:.8rem;font-weight:600}tr:last-child td{border-bottom:none}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}td.wrap{white-space:normal;min-width:260px}.empty{color:var(--muted);text-align:center;padding:18px}.badge{letter-spacing:.03em;border:1px solid #0000;border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:700;display:inline-block}.badge.green{color:var(--green);background:#3fb95026;border-color:#3fb95066}.badge.amber{color:var(--amber);background:#d2992226;border-color:#d2992266}.badge.red{color:var(--red);background:#f8514926;border-color:#f8514966}.badge.blue{color:var(--accent);background:#58a6ff26;border-color:#58a6ff66}.badge.gray{color:var(--muted);border-color:var(--border);background:#8b98a51f}.badge.violet{color:var(--violet);background:#bc8cff26;border-color:#bc8cff66}.pos{color:var(--green)}.neg{color:var(--red)}.muted{color:var(--muted)}.big{font-size:1.5rem;font-weight:700}.countdown{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700}.kv{grid-template-columns:max-content 1fr;gap:6px 18px;display:grid}.kv dt{color:var(--muted)}.kv dd{margin:0}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}input[type=text],input[type=password],input[type=search],input[type=number]{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;min-width:280px;padding:10px 12px;font-size:1rem}button,.button{color:#fff;cursor:pointer;background:#238636;border:1px solid #f0f6fc1a;border-radius:8px;padding:10px 16px;font-size:1rem;font-weight:600}button.secondary{background:var(--panel-2);color:var(--text);border-color:var(--border)}button:disabled{opacity:.5;cursor:default}label.check{color:var(--muted);align-items:center;gap:6px;display:flex}.pager{color:var(--muted);justify-content:flex-end;align-items:center;gap:10px;margin-top:10px;display:flex}.banner{border-radius:10px;margin-bottom:14px;padding:10px 14px}.banner.error{color:#ffb3ad;background:#f851491f;border:1px solid #f8514966}.live{color:var(--muted);font-size:.85rem}.live:before{content:"●";color:var(--green);margin-right:6px}.live.stale:before{color:var(--amber)}.login-wrap{place-items:center;min-height:100vh;display:grid}.login{width:380px}.login h1{margin-bottom:18px}.login label{color:var(--muted);margin:12px 0 6px;display:block}.login input{width:100%;min-width:0}.login button{width:100%;margin-top:18px}.room-cards{grid-template-columns:repeat(auto-fit,minmax(520px,1fr));gap:14px;display:grid}.room-card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.cards{gap:4px;display:inline-flex}.playing-card{color:#111;text-align:center;background:#f0f3f6;border-radius:6px;min-width:34px;padding:2px 6px;font-size:.9rem;font-weight:700;display:inline-block}.playing-card.red{color:#c62828}.playing-card.back{color:#0000;background:repeating-linear-gradient(45deg,#2f4a6d,#2f4a6d 4px,#3a5a84 4px 8px)}.control-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.control-row input[type=number]{width:120px;min-width:0}button.danger{background:#b62324}.hint-line{color:var(--muted);margin-top:8px;font-size:.85rem}.env-banner{color:#ffd78a;text-align:center;letter-spacing:.03em;background:#3a2a00;border-bottom:1px solid #d2992280;padding:6px 12px;font-size:.85rem}.shot-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:14px;display:grid}.shot{margin:0;padding:10px}.shot img{object-fit:cover;object-position:top;border:1px solid var(--border);border-radius:8px;width:100%;height:300px;display:block}.shot figcaption{margin-top:8px;font-size:.85rem}