:root{color-scheme:dark;--bg:#080a0d;--panel:#11151a;--line:#252b32;--muted:#8e98a3;--text:#f4f6f8;--accent:#e60012}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}header{min-height:160px;padding:38px max(4vw,28px);display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);background:linear-gradient(110deg,#15191e,#090b0e 62%)}h1{margin:4px 0 0;font-size:clamp(30px,4vw,52px);letter-spacing:-.04em}h2{margin:3px 0;font-size:24px}.eyebrow,.label{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.16em}.game-switch,.filters{display:flex;gap:10px;align-items:end}button,select{border:1px solid var(--line);background:#171b20;color:var(--text);padding:10px 14px;border-radius:4px}button{cursor:pointer;font-weight:700}button:hover,button.active{border-color:var(--accent);background:var(--accent)}main{padding:0 max(4vw,28px) 60px}nav{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:28px}nav button{background:none;border:0;border-bottom:3px solid transparent;border-radius:0;padding:18px 0;color:var(--muted)}nav button:hover,nav button.active{background:none;border-color:var(--accent);color:var(--text)}.view{display:none}.view.active{display:block}.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}label{display:grid;gap:6px;color:var(--muted);font-size:12px}.meta,.note{color:var(--muted);margin:12px 0}.table-wrap{overflow:auto;border:1px solid var(--line);background:var(--panel);max-height:62vh}table{border-collapse:collapse;width:100%;white-space:nowrap}th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line)}th{position:sticky;top:0;background:#1a1f25;color:#aeb6bf;font-size:11px;text-transform:uppercase;letter-spacing:.08em}tr:hover td{background:#151a1f}.pager{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:18px}.usage-summary{font-size:22px;font-weight:800;margin:22px 0}.bar-row{display:grid;grid-template-columns:150px 1fr 110px;gap:14px;align-items:center;margin:12px 0}.bar-track{height:28px;background:#1a1f25}.bar-fill{height:100%;background:linear-gradient(90deg,#9d0010,var(--accent));min-width:2px}.bar-value{text-align:right;color:var(--muted)}@media(max-width:760px){header,.panel-head{align-items:stretch;flex-direction:column}.filters{align-items:stretch;flex-wrap:wrap}.bar-row{grid-template-columns:90px 1fr 80px}}