:root{--bg:#000;--panel:#0a0d12;--panel-2:#10141c;--border:#1a212c;--text:#d6deeb;--muted:#6b7a90;--green:#16c784;--red:#ea3943;--gold:#f0b90b;--accent:#4c8dff}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;-webkit-font-smoothing:antialiased}.wrap{max-width:1320px;margin:0 auto;padding:18px}.topbar{display:flex;align-items:baseline;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:16px}.brand{font-size:20px;font-weight:700;letter-spacing:.5px}.brand .v3{color:var(--gold)}.logo{height:30px;width:auto;display:block}.sub{color:var(--muted);font-size:12px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.dot.live{background:var(--green);box-shadow:0 0 8px var(--green)}.dot.off{background:var(--red)}.tiles{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:16px}.tile{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.tile .label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.8px}.tile .value{font-size:24px;font-weight:700;margin-top:6px}.value.up{color:var(--green)}.value.down{color:var(--red)}.grid{display:grid;grid-template-columns:2.2fr 1fr;grid-gap:12px;gap:12px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px}.panel h3{margin:0 0 10px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.liq{display:flex;justify-content:space-between;padding:7px 8px;border-radius:6px;font-size:13px}.liq.long{background:rgba(234,57,67,.1)}.liq.short{background:rgba(22,199,132,.1)}.liq .side.long{color:var(--red)}.liq .side.short{color:var(--green)}.banner,.liq .muted{color:var(--muted)}.banner{background:var(--panel-2);border:1px dashed var(--border);border-radius:10px;padding:18px;font-size:13px;line-height:1.6;margin-bottom:16px}.banner b{color:var(--text)}@media (max-width:900px){.tiles{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}