:root{--bg:#0b0f14;--card:#121a23;--edge:#1e2a38;--ink:#e8eef5;--dim:#8ba0b5;--gold:#f5b942;--green:#3ddc84;--red:#ff5d5d;--accent:#4da3ff}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--ink);font:15px/1.5 -apple-system,"Segoe UI",Roboto,sans-serif;min-height:100vh}
a{color:var(--accent);text-decoration:none}
.wrap{max-width:1060px;margin:0 auto;padding:16px}
nav{display:flex;gap:14px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--edge);position:sticky;top:0;background:rgba(11,15,20,.92);backdrop-filter:blur(6px);z-index:5}
nav .brand{font-weight:800;letter-spacing:.4px;color:var(--gold)}
nav a{color:var(--dim);font-weight:600}nav a.on,nav a:hover{color:var(--ink)}
nav .me{margin-left:auto;color:var(--dim);font-size:13px}
.card{background:var(--card);border:1px solid var(--edge);border-radius:12px;padding:16px;margin:14px 0}
.card h2{font-size:15px;text-transform:uppercase;letter-spacing:1px;color:var(--dim);margin-bottom:10px}
table{width:100%;border-collapse:collapse}
th{color:var(--dim);font-size:12px;text-transform:uppercase;text-align:left;padding:6px 8px;border-bottom:1px solid var(--edge)}
td{padding:7px 8px;border-bottom:1px solid rgba(30,42,56,.5)}
tr:last-child td{border-bottom:0}
.btn{background:var(--accent);color:#04121f;border:0;border-radius:8px;padding:8px 14px;font-weight:700;cursor:pointer}
.btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}
.btn.gold{background:var(--gold);color:#231a04}
.btn:disabled{opacity:.4;cursor:default}
input,select{background:#0e1520;color:var(--ink);border:1px solid var(--edge);border-radius:8px;padding:8px 10px;font-size:14px}
.pill{display:inline-block;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:700}
.pill.sand{background:rgba(245,185,66,.15);color:var(--gold)}
.pill.live{background:rgba(61,220,132,.15);color:var(--green)}
.pos{font-size:11px;font-weight:800;padding:1px 6px;border-radius:4px;background:#0e1520;color:var(--dim)}
.money{font-variant-numeric:tabular-nums;font-weight:700}
.money.plus{color:var(--green)}.money.minus{color:var(--red)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:760px){.grid2{grid-template-columns:1fr}}
.clock{background:rgba(77,163,255,.12);border:1px solid var(--accent);border-radius:10px;padding:10px 14px;font-weight:700}
.banner{background:rgba(245,185,66,.1);border:1px solid var(--gold);border-radius:10px;padding:10px 14px;color:var(--gold);font-size:13px;margin:12px 0}
.talk{max-height:280px;overflow-y:auto}
.talk p{padding:6px 0;border-bottom:1px solid rgba(30,42,56,.4)}
.talk b{color:var(--gold)}
#login{max-width:380px;margin:12vh auto}
.err{color:var(--red);font-size:13px;min-height:18px;margin-top:8px}
.scroll{overflow-x:auto}