:root{--bg:#0c0c0d;--panel:#161618;--panel2:#1b1b1e;--red:#c71217;--gold:#d19c33;--bone:#e8e0ca;--muted:#98989f;--line:#36363a;--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:#f4f3f0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,Arial,sans-serif}body{padding-bottom:var(--safe-bottom)}
.topbar{position:sticky;top:0;z-index:20;height:calc(62px + var(--safe-top));padding:var(--safe-top) 16px 0;display:flex;align-items:center;gap:14px;background:rgba(12,12,13,.94);backdrop-filter:blur(20px);border-bottom:1px solid #252528}.menu-button{display:none;background:none;border:0;color:var(--bone);font-size:22px;padding:8px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:900;letter-spacing:1.5px}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:2px;margin-top:1px}.brand-mark{color:var(--red);font-size:25px}.live-dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#34d66b;box-shadow:0 0 10px #34d66b88}
.shell{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 62px)}aside{position:sticky;top:62px;height:calc(100vh - 62px);overflow:auto;padding:16px 12px;border-right:1px solid #252528;background:#111113}nav .group{padding:10px 0;border-bottom:1px solid #27272a}nav button{width:100%;border:0;background:none;color:#b8b7bc;text-align:left;padding:10px 12px;border-radius:9px;font-size:14px}nav button.heading{color:var(--bone);font-weight:800;letter-spacing:.5px;text-transform:uppercase}nav button.active{background:#27272b;color:white}nav button.active.heading{color:var(--gold)}
main{min-width:0;padding:28px clamp(18px,4vw,54px) 50px}.page-head{display:grid;grid-template-columns:1fr auto;margin-bottom:22px}.eyebrow{grid-column:1;color:var(--red);font-size:11px;font-weight:900;letter-spacing:1.6px;margin:0 0 7px}.page-head h1{grid-column:1;margin:0;font-size:clamp(30px,5vw,48px);line-height:1;text-transform:uppercase;letter-spacing:1px}.page-head>p:not(.eyebrow):not(.updated){grid-column:1;color:var(--muted);margin:8px 0 0}.updated{grid-column:2;grid-row:1/4;align-self:center;color:var(--muted);font-size:12px;text-align:right}.updated strong{display:block;color:var(--red);font-size:9px;letter-spacing:1px;margin-bottom:4px}
.dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.panel{background:var(--panel);border:1px solid #222225;border-radius:16px;overflow:hidden}.panel-title{padding:16px 16px 8px;color:var(--red);font-size:10px;font-weight:900;letter-spacing:1.4px}.ranking{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--line)}.ranking:last-child{border-bottom:0}.rank{color:#aaa;font-weight:700;text-align:right}.ranking:first-of-type .rank,.ranking:first-of-type .score{color:var(--gold)}.name{font-weight:650;line-height:1.18;overflow-wrap:anywhere}.sub{display:block;color:var(--muted);font-size:12px;font-weight:450;margin-top:3px}.score{font-variant-numeric:tabular-nums;color:#d0cfd2;font-weight:650}.move{display:inline-block;margin-left:6px;font-size:11px}.up{color:#35db6d}.down{color:#ff4d55}.list-panel{max-width:980px}.table-head{display:grid;grid-template-columns:40px minmax(0,1fr) repeat(3,90px);padding:10px 14px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.6px}.wide-row{grid-template-columns:34px minmax(0,1fr) repeat(3,90px)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hero-card{background:linear-gradient(135deg,#2b1719,var(--panel) 58%);border:1px solid #4a2528;border-radius:18px;padding:22px}.hero-card .label{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:1.4px}.hero-card h2{font-size:28px;margin:9px 0 4px}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat{background:var(--panel);border-radius:14px;padding:16px}.stat b{font-size:24px;color:var(--gold)}.stat small{display:block;color:var(--muted);margin-top:5px}.empty,.loading{padding:36px;text-align:center;color:var(--muted);background:var(--panel);border-radius:16px}.error{color:#ff7378}
@media(max-width:850px){.dashboard{grid-template-columns:1fr}.split{grid-template-columns:1fr}.updated{grid-column:1;grid-row:auto;text-align:left;margin:14px 0 0}.table-head{display:none}.wide-row{grid-template-columns:30px minmax(0,1fr) auto}.wide-row .mobile-hide{display:none}}
@media(max-width:640px){.menu-button{display:block}.topbar{padding-left:8px}.shell{display:block}aside{position:fixed;z-index:30;left:0;top:0;width:min(82vw,310px);height:100vh;padding:calc(70px + var(--safe-top)) 12px 24px;transform:translateX(-102%);transition:transform .22s ease;box-shadow:18px 0 40px #0008}aside.open{transform:none}.scrim{position:fixed;inset:0;z-index:25;background:#0009;display:none}.scrim.open{display:block}main{padding:24px 12px 40px}.page-head{padding:0 6px}.panel{border-radius:14px}.ranking{padding:12px 11px}.brand{font-size:16px}.score{font-size:13px}}