:root{--bg: #0f1419;--bg-elev: #161c24;--bg-row: #131922;--bg-row-alt: #10161d;--bg-hover: #1b2530;--border: #243140;--text: #d7e0ea;--text-dim: #8a99a8;--blue: #4a9eff;--blue-dim: #2b6cb0;--blue-soft: rgba(74, 158, 255, .12);--gold: #e2c275;--red: #ff6b6b;--green: #5fd07a;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Segoe UI,Roboto,system-ui,-apple-system,sans-serif}a{color:var(--blue)}.app{max-width:1280px;margin:0 auto;padding:16px 20px 64px}header.top{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:16px}header.top h1{margin:0;font-size:22px;letter-spacing:.5px}header.top h1 .fy{color:var(--blue)}.updated{color:var(--text-dim);font-size:12px}.spacer{flex:1}button{font:inherit;color:var(--text);background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;padding:6px 12px;cursor:pointer;transition:background .12s,border-color .12s}button:hover{background:var(--bg-hover)}button.active{background:var(--blue-soft);border-color:var(--blue-dim);color:var(--blue)}.demo-banner{background:#e2c2751f;border:1px solid rgba(226,194,117,.4);color:var(--gold);border-radius:6px;padding:8px 12px;margin-bottom:14px;font-size:13px}.controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.controls input[type=search]{background:var(--bg-elev);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:8px 12px;min-width:240px;font:inherit}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips button{padding:4px 9px;font-size:12px}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);padding:8px 10px;border-bottom:1px solid var(--border);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}thead th.no-sort{cursor:default}tbody td{padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr.row{background:var(--bg-row)}tbody tr.row:nth-child(4n+1){background:var(--bg-row-alt)}tbody tr.row:hover{background:var(--bg-hover)}tbody tr.detail td{background:var(--bg-elev)}.icon{width:36px;height:36px;image-rendering:pixelated;border-radius:4px;background:#0a0e12;border:1px solid var(--border)}.name-cell{display:flex;align-items:center;gap:8px}.name{font-weight:600;cursor:pointer}.name:hover{color:var(--blue)}.star{background:none;border:none;padding:2px 4px;font-size:16px;color:var(--text-dim)}.star.on{color:var(--gold)}.badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.4px;padding:2px 6px;border-radius:4px;text-transform:uppercase}.badge.rule{background:#ff6b6b26;color:var(--red);border:1px solid rgba(255,107,107,.4)}.badge.note{background:var(--blue-soft);color:var(--blue);border:1px solid var(--blue-dim)}.tag{font-size:11px;color:var(--text-dim)}.classes{font-size:11px;color:var(--blue)}.stats-inline{font-size:11px;color:var(--text-dim)}.countdown{font-variant-numeric:tabular-nums}.countdown.soon{color:var(--gold)}.countdown.ended{color:var(--text-dim)}.price{color:var(--green);font-variant-numeric:tabular-nums}.muted{color:var(--text-dim)}.detail-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;padding:6px 4px 12px}.detail-grid h4{margin:0 0 6px;font-size:12px;color:var(--blue);text-transform:uppercase;letter-spacing:.5px}.kv{display:flex;flex-wrap:wrap;gap:4px 14px}.kv span{font-size:12px}.kv b{color:var(--text)}.hist-table{width:100%;font-size:12px}.hist-table td{padding:3px 6px;border:none}.empty{color:var(--text-dim);padding:64px 24px;text-align:center}.empty-title{font-size:18px;font-weight:600;color:var(--text);margin-bottom:8px}.empty-sub{font-size:13px;color:var(--text-dim)}.quick-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 4px 6px;margin-top:8px;border-top:1px solid var(--border)}.quick-links .q-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);margin-right:2px}.tile{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-row);color:var(--text);text-decoration:none;font-size:12px;font-weight:600;transition:border-color .12s,background .12s,transform .12s}.tile:hover{border-color:var(--blue-dim);background:var(--blue-soft);color:var(--blue);transform:translateY(-1px)}.tile .dot{width:8px;height:8px;border-radius:50%;flex:none}.tile .arrow{color:var(--text-dim);font-size:11px}.tile:hover .arrow{color:var(--blue)}