:root{color-scheme:dark;--bg: #12151a;--bg-raised: #181d25;--bg-sunken: #0d1015;--line: #262e3a;--line-soft: #1e242e;--ink: #dde3ec;--ink-dim: #9aa5b5;--ink-faint: #6c7787;--accent: #4d9fff;--accent-ink: #0b1017;--ok: #4ad98f;--warn: #f0b35c;--bad: #ff6b6b;--radius: 6px;--gap: 12px;--pad: 16px;--font: ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 8px;font-weight:600;line-height:1.25}h1{font-size:20px}h2{font-size:16px}h3{font-size:14px}p{margin:0 0 8px}code,.mono{font-family:var(--mono);font-size:.92em}.topbar{display:flex;align-items:center;gap:var(--gap);flex-wrap:wrap;padding:10px var(--pad);background:var(--bg-raised);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topbar-brand{font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);font-size:13px}.topbar-brand:hover{text-decoration:none;color:var(--accent)}.topbar-user{display:flex;align-items:center;gap:8px;margin-left:auto}.topbar-name{color:var(--ink-dim);max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--line);color:var(--ink);font-size:12px;font-weight:700;text-transform:uppercase}.topnav{display:flex;gap:2px}.topnav-link{padding:5px 10px;border-radius:var(--radius);color:var(--ink-dim)}.topnav-link:hover{background:var(--line-soft);color:var(--ink);text-decoration:none}.topnav-link.is-active{background:var(--line);color:var(--ink)}.serverpick{display:flex;gap:4px}.chip{padding:3px 9px;border:1px solid var(--line);border-radius:99px;color:var(--ink-dim);font-size:12px;font-family:var(--mono)}.chip:hover{text-decoration:none;border-color:var(--accent);color:var(--ink)}.chip.chip-on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.shell{padding:var(--pad);display:grid;gap:var(--gap);max-width:1600px;margin:0 auto;width:100%}.shell-bare{min-height:100vh;place-items:center;align-content:center;max-width:420px}.gate{width:100%;padding:28px 24px;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);text-align:center}.gate-title{font-size:18px}.gate-sub{color:var(--ink-dim);margin-bottom:18px}.gate-choices{display:grid;gap:10px}.gate-notice{margin-bottom:14px;padding:8px 10px;border-radius:var(--radius);background:rgba(255,107,107,.12);color:var(--bad)}.panel{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:var(--pad)}.panel-title{font-size:15px;margin:0 0 10px}.panel-empty{text-align:left}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap);margin-bottom:10px}.cards{display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:var(--gap)}.card{background:var(--bg-sunken);border:1px solid var(--line-soft);border-radius:var(--radius);padding:10px 12px}.card-label{color:var(--ink-faint);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.card-value{font-family:var(--mono);font-size:20px;font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{padding:6px 10px;text-align:left;border-bottom:1px solid var(--line-soft);white-space:nowrap}th{color:var(--ink-faint);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;position:sticky;top:0;background:var(--bg-raised)}tbody tr:hover{background:var(--line-soft)}td.num{text-align:right;font-family:var(--mono)}td.wrap{white-space:normal}.form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--gap)}.field{display:grid;gap:4px}label{color:var(--ink-faint);font-size:11px;text-transform:uppercase;letter-spacing:.06em}input,select,textarea{background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font:inherit;padding:6px 8px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn{display:inline-block;padding:6px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-sunken);color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.btn:hover{text-decoration:none;border-color:var(--accent)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-ghost{background:rgba(0,0,0,0);color:var(--ink-dim)}.btn-wide{display:block;width:100%;text-align:center}.live{display:grid;grid-template-columns:minmax(0, 1fr) 320px;gap:var(--gap);align-items:start}.mapframe{position:relative;aspect-ratio:1/1;width:100%;background:var(--bg-sunken);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.mapframe canvas,.mapframe img{position:absolute;inset:0;width:100%;height:100%;display:block}.mapframe-note{position:absolute;left:8px;bottom:8px;padding:3px 8px;border-radius:var(--radius);background:rgba(13,16,21,.85);color:var(--ink-dim);font-family:var(--mono);font-size:11px}.side{display:grid;gap:var(--gap);position:sticky;top:64px}.side-list{max-height:45vh;overflow-y:auto;margin:0;padding:0;list-style:none}.side-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px solid var(--line-soft)}.feed{max-height:40vh;overflow-y:auto;margin:0;padding:0;list-style:none;font-family:var(--mono);font-size:12px}.feed-item{display:grid;grid-template-columns:62px minmax(0, 1fr);gap:8px;padding:3px 0;border-bottom:1px solid var(--line-soft)}.feed-time{color:var(--ink-faint)}.badge{display:inline-block;padding:1px 7px;border-radius:99px;background:var(--line);color:var(--ink-dim);font-size:11px;font-weight:600}.badge-ok{background:rgba(74,217,143,.15);color:var(--ok)}.badge-warn{background:rgba(240,179,92,.15);color:var(--warn)}.badge-bad{background:rgba(255,107,107,.15);color:var(--bad)}.muted{color:var(--ink-dim)}.faint{color:var(--ink-faint)}.row{display:flex;align-items:center;gap:var(--gap);flex-wrap:wrap}.stack{display:grid;gap:var(--gap)}.right{margin-left:auto}.nowrap{white-space:nowrap}.hidden{display:none}@media(max-width: 900px){.live{grid-template-columns:minmax(0, 1fr)}.side{position:static}}