:root {
  --bg: #09111f;
  --panel: rgba(15, 23, 42, 0.82);
  --panel-2: rgba(30, 41, 59, 0.88);
  --text: #e5edf8;
  --muted: #8ba0bd;
  --line: rgba(148, 163, 184, 0.18);
  --green: #22c55e;
  --yellow: #f59e0b;
  --red: #ef4444;
  --blue: #38bdf8;
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at top,#152545 0%,#09111f 45%,#040812 100%)}
.app-shell{width:min(100%,1180px);margin:0 auto;padding:20px 16px 32px}
.card,.hero{background:var(--panel);border:1px solid var(--line);box-shadow:0 20px 60px rgba(0,0,0,.25);backdrop-filter:blur(12px);border-radius:24px}
.hero{padding:22px;display:flex;justify-content:space-between;gap:18px;align-items:flex-start;background:linear-gradient(135deg,rgba(56,189,248,.18),rgba(34,197,94,.08),rgba(245,158,11,.12)),var(--panel)}
.eyebrow{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#9ec8ff}.hero h1{margin:8px 0;font-size:34px}.hero-copy{max-width:720px;color:var(--muted);line-height:1.6}.hero-badges{display:flex;flex-wrap:wrap;gap:10px}.pill{padding:10px 14px;border-radius:999px;background:rgba(56,189,248,.14);color:#bde9fb;font-weight:700}.pill.ghost{background:rgba(255,255,255,.06);color:#dce6f5}
.toolbar{margin-top:16px;padding:14px 16px;display:flex;justify-content:space-between;gap:12px;align-items:center}.filters{display:flex;gap:10px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:#0f172a;color:var(--text);padding:10px 14px;border-radius:999px;font:inherit;font-weight:700}.filter.active{background:var(--blue);color:#062235;border-color:transparent}.meta{display:grid;gap:4px;font-size:13px;color:var(--muted);text-align:right}
.summary-grid{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat-card{padding:18px}.stat-label{display:block;color:var(--muted);font-size:13px}.stat-card strong{display:block;margin-top:8px;font-size:28px}.stat-card p{margin:8px 0 0;color:var(--muted);line-height:1.5}
.tips-board{margin-top:18px;display:grid;gap:14px}.match-card{padding:18px;background:var(--panel-2);border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.2)}.match-top,.source-row,.pick-row{display:flex;justify-content:space-between;gap:12px}.match-top{align-items:flex-start}.sport-tag{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.match-title{font-size:24px;font-weight:800;margin:6px 0}.subline{color:var(--muted);font-size:14px}.consensus-box{min-width:180px;text-align:right}.consensus-box strong{font-size:22px}.consensus-meter{height:10px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin-top:10px}.consensus-fill{height:100%;border-radius:999px}.pick-row{margin-top:16px;align-items:center;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.04)}.pick-main{display:grid;gap:6px}.pick-badges{display:flex;gap:8px;flex-wrap:wrap}.mini-pill{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.mini-pill.green{background:rgba(34,197,94,.16);color:#a8f2c0}.mini-pill.yellow{background:rgba(245,158,11,.16);color:#ffd68a}.mini-pill.red{background:rgba(239,68,68,.16);color:#ffc0c0}.sources{margin-top:14px;display:grid;gap:10px}.source-row{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.035);align-items:center}.source-name{font-weight:700}.source-note{color:var(--muted);font-size:13px}.source-pick{font-weight:800}.empty{padding:30px;text-align:center;color:var(--muted)}
@media (max-width:800px){.hero,.toolbar,.match-top,.pick-row,.source-row{flex-direction:column}.summary-grid{grid-template-columns:1fr}.consensus-box{text-align:left;min-width:auto}.meta{text-align:left}}