body{margin:0;background:#121417;color:#e8e8e8;font:14px -apple-system,Helvetica,Arial,sans-serif}
header{background:#c8102e;padding:10px 18px;display:flex;gap:16px;align-items:baseline}.logo{color:#fff;font-weight:900;font-size:20px;text-decoration:none;letter-spacing:var(--gc-track-label,.06em)}.sub{color:#ffd7dc;font-size:12px}
main{padding:16px}h2{font-size:15px;text-transform:uppercase;color:#aaa;border-bottom:1px solid #333;padding-bottom:4px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.card{background:#1d2026;border-radius:6px;padding:10px;cursor:pointer;border:1px solid #2a2e36;text-decoration:none;color:inherit;display:block}.card:hover{border-color:#c8102e}
.row{display:flex;justify-content:space-between;align-items:center;margin:3px 0}.row img{width:22px;height:22px;margin-right:6px;vertical-align:middle}.sc{font-weight:700;font-size:16px}
.st{font-size:11px;color:#999;margin-top:6px}.live{color:#ff4d5e;font-weight:700}
.detail{display:grid;grid-template-columns:1fr 320px;gap:16px}.panel{background:#1d2026;border-radius:6px;padding:12px;border:1px solid #2a2e36;margin-bottom:12px}
.big{display:flex;justify-content:space-around;align-items:center;font-size:30px;font-weight:800}.big img{width:56px}
.pbp{max-height:420px;overflow:auto}.play{border-bottom:1px solid #2a2e36;padding:6px 0;font-size:13px}.play b{color:#aaa;font-weight:600;margin-right:6px}
.tag{display:inline-block;background:#333;color:#ffcf66;border-radius:6px;padding:1px 5px;font-size:11px;margin-left:6px}
.mk{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #2a2e36}.price{font-weight:700;color:#5fd38d}.muted{color:#888;font-size:12px}
.wallbar{display:flex;gap:6px;align-items:center;margin-bottom:12px}.lf{background:#22262e;color:#ccc;border:1px solid #333;border-radius:10px;padding:4px 12px;cursor:pointer;font-weight:600}.lf.on{background:#c8102e;color:#fff;border-color:#c8102e}.wallbar .muted{margin-left:auto}.wallbar a{color:#aaa}
.wgrid{display:grid;gap:8px}.wgrid.big{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.wgrid.compactrow{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.tile{position:relative;display:block;background:linear-gradient(#1c1f25,#16181d);border:1px solid #2a2e36;border-radius:6px;padding:8px;color:inherit;text-decoration:none;transition:border-color .2s}.tile:hover{border-color:#888}
.tile.compact{padding:6px;font-size:12px}.tile.compact .tr img{width:16px;height:16px}.tile.compact .ts{font-size:14px}
.tile.rz{border-color:#ff2d3d;box-shadow:0 0 14px 2px rgba(255,45,61,.55);animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 22px 5px rgba(255,45,61,.8)}}
.badge{position:absolute;top:6px;right:6px;background:#ff2d3d;color:#fff;font-weight:900;font-size:11px;padding:2px 6px;border-radius:6px;letter-spacing:var(--gc-track-label,.06em)}
.lg{font-size:11px;color:#999;text-transform:uppercase;margin-bottom:4px}.mini{width:100%;height:auto;border-radius:6px;margin:2px 0 4px}
.tr{display:flex;align-items:center;gap:6px;margin:2px 0}.tr img{width:20px;height:20px}.ab{font-weight:700}.ts{margin-left:auto;font-weight:800;font-size:18px}.poss{color:#ffd400;font-size:11px}
.sit{font-size:12px;color:#ffd400;min-height:2px}.lp{font-size:11px;color:#bbb;margin-top:3px;max-height:30px;overflow:hidden}.kp{display:block;font-size:11px;color:#5fd38d;margin-top:4px}.kp b{color:#fff}
.prio{font-size:11px;color:#888;margin-top:3px}h2.hot{color:#ff4d5e}
.spot{margin-bottom:14px}.spot .tile{max-width:560px}.spot.empty{background:#1d2026;border:1px dashed #444;border-radius:6px;padding:16px;color:#888}.spotlbl{font-size:11px;color:#ffd400;margin-bottom:4px;letter-spacing:var(--gc-track-label,.06em)}
.tile.feature .ts{font-size:30px}.tile.feature .tr img{width:34px;height:34px}.tile.feature .lp{font-size:13px;max-height:none}
.gpanel{display:grid;grid-template-columns:1fr 340px;gap:14px;background:#1a1d22;border:1px solid #2a2e36;border-radius:10px;padding:12px;margin-bottom:14px}
.gpanel.livep{border-color:#c8102e;box-shadow:0 0 0 1px #c8102e inset;outline:1px solid rgba(200,16,46,.35)}.gpanel.livep .lg .live{color:#ff6b7a;font-weight:700}.gpanel.pre{grid-template-columns:1fr;padding:8px 12px}.gpanel.pre .gcard{display:grid;grid-template-columns:200px 1fr 1fr 1fr 140px;align-items:center;gap:10px}
.diag{width:100%;height:auto;border-radius:6px;display:block}.gcard .tr img{width:30px;height:30px}.gcard .ts{font-size:26px}.gcard .ab{font-size:15px}
.lastplay{background:#22262e;border-left:3px solid #c8102e;padding:8px;margin:10px 0;font-size:14px;line-height:1.35}.kmini{font-size:12px;color:#5fd38d;margin:6px 0}.kmini b{color:#fff}.open{color:#aaa;font-size:12px}
.draw{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:draw 1.2s forwards}@keyframes draw{to{stroke-dashoffset:0}}
.replaybar{background:#3a2a00;border:1px solid #ffb300;color:#ffd54f;padding:8px 12px;border-radius:6px;margin-bottom:12px;font-size:13px}
.ts.bump{animation:bump .6s ease-out}@keyframes bump{30%{transform:scale(1.35);color:#ffd400}}.ts{display:inline-block;transform-origin:right center}
.poss{transition:opacity .4s}.poss.flash{animation:flash 1s}@keyframes flash{0%,50%{color:#fff;text-shadow:0 0 8px #ffd400}}
.dnote{margin-top:4px}.diag{will-change:transform;contain:layout paint}
@media (prefers-reduced-motion: reduce){.ts.bump,.poss.flash,.tile.rz{animation:none}}
.stackdiag{display:grid}.stackdiag>svg{grid-area:1/1}.stackdiag>.dnote{grid-area:2/1}.stackdiag.is3d>svg{display:none}.stackdiag>.g3d{grid-area:1/1}
.g3d{position:relative;width:100%}.g3d canvas{display:block;border-radius:6px}.ov3d{position:absolute;left:8px;top:8px;right:8px;display:flex;gap:8px;align-items:center;font-size:11px;pointer-events:none}
.ov3d .tag{background:#b71c1c;color:#fff;font-weight:700;font-size:11px;padding:2px 6px}.ov3d .b3{margin-left:auto;pointer-events:auto}.ov3d button,.dimt button{background:#22262e;color:#ccc;border:1px solid #444;border-radius:6px;padding:2px 8px;cursor:pointer;font-size:11px}
.ov3d button.on,.dimt button.on{background:#c8102e;color:#fff;border-color:#c8102e}.dimt{margin:6px 0}.wp{margin:6px 0}

.tile .wstar{position:absolute;top:6px;right:6px;z-index:2;border:0;background:rgba(0,0,0,.45);color:#9aa5b4;width:28px;height:28px;border-radius:999px;cursor:pointer;font:700 14px/1 system-ui;padding:0}
.tile .wstar:hover,.tile .wstar.on{color:#fbbf24;background:rgba(0,0,0,.65)}
.tile.pinned{border-color:#f59e0b}
.favh{margin:10px 0 6px;font:800 13px/1.2 "Barlow Condensed",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#fbbf24}
.favgrid{margin-bottom:12px}