*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}:root{--bg: #0d0d14;--bg-card: #12121a;--bg-elevated: #1a1a24;--bg-overlay: #1f1f2c;--border: rgba(255,255,255,.07);--border-soft: rgba(255,255,255,.04);--border-focus:rgba(16,185,129,.5);--fg: #eeeef2;--fg-muted: rgba(238,238,242,.62);--fg-dim: rgba(238,238,242,.24);--accent: #10b981;--accent-hover:#0ea572;--accent-soft: rgba(16,185,129,.12);--accent-glow: rgba(16,185,129,.3);--green: #22c55e;--green-soft: rgba(34,197,94,.1);--amber: #f59e0b;--amber-soft: rgba(245,158,11,.1);--red: #ef4444;--red-soft: rgba(239,68,68,.1);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs-2xs: .65rem;--fs-xs: .72rem;--fs-sm: .82rem;--fs-base: .925rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.35rem;--fs-2xl: 1.7rem;--fs-3xl: 2.1rem;--radius-xs: 5px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.3);--shadow-sm: 0 2px 8px rgba(0,0,0,.35);--shadow-md: 0 4px 20px rgba(0,0,0,.45);--shadow-card: 0 2px 12px rgba(0,0,0,.4), 0 1px 3px rgba(0,0,0,.25);--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .1s;--dur: .15s;--dur-slow: .28s}[data-theme=light]{--bg: #f5f5f8;--bg-card: #ffffff;--bg-elevated: #ececf2;--bg-overlay: #e4e4ed;--border: rgba(0,0,0,.08);--border-soft: rgba(0,0,0,.04);--fg: #0f0f14;--fg-muted: rgba(15,15,20,.58);--fg-dim: rgba(15,15,20,.3);--accent: #059669;--accent-hover:#047857;--accent-soft: rgba(5,150,105,.1);--accent-glow: rgba(5,150,105,.2);--shadow-xs: 0 1px 2px rgba(0,0,0,.07);--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 4px 20px rgba(0,0,0,.1);--shadow-card: 0 2px 12px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.05)}@media (prefers-color-scheme: light){[data-theme=system]{--bg: #f5f5f8;--bg-card: #ffffff;--bg-elevated: #ececf2;--bg-overlay: #e4e4ed;--border: rgba(0,0,0,.08);--border-soft: rgba(0,0,0,.04);--fg: #0f0f14;--fg-muted: rgba(15,15,20,.58);--fg-dim: rgba(15,15,20,.3);--accent: #059669;--accent-hover:#047857;--accent-soft: rgba(5,150,105,.1);--accent-glow: rgba(5,150,105,.2);--shadow-xs: 0 1px 2px rgba(0,0,0,.07);--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 4px 20px rgba(0,0,0,.1);--shadow-card: 0 2px 12px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.05)}}body{font-family:var(--font);background:var(--bg);color:var(--fg);font-size:var(--fs-base);line-height:1.5;min-height:100dvh;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}h1,h2,h3,h4{font-weight:700;letter-spacing:-.03em;line-height:1.2;color:var(--fg)}p{color:var(--fg-muted);line-height:1.6}a{color:inherit}.page-title{font-size:var(--fs-xl);font-weight:800;letter-spacing:-.04em;color:var(--fg)}.page-sub{font-size:var(--fs-sm);color:var(--fg-muted);margin-top:4px}.section-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim)}.container{width:100%;padding:0 16px;container-type:inline-size}@media (min-width: 640px){.container{padding:0 24px}}@media (min-width: 1024px){.container{padding:0 36px}}.page-pad{padding-top:24px;padding-bottom:40px}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.fixture-grid{display:grid;grid-template-columns:1fr;gap:8px}@container (min-width: 560px){.fixture-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@container (min-width: 820px){.fixture-grid{grid-template-columns:repeat(3,1fr);gap:12px}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card-sm{padding:12px}.card-lg{padding:20px}.card-interactive{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur-fast) var(--ease);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.card-interactive:hover{border-color:#ffffff1f;background:var(--bg-elevated);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.card-interactive:active{transform:scale(.988) translateY(0);box-shadow:none}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-pill);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.chip-green{background:var(--green-soft);color:var(--green)}.chip-amber{background:var(--amber-soft);color:var(--amber)}.chip-red{background:var(--red-soft);color:var(--red)}.chip-accent{background:var(--accent-soft);color:var(--accent)}.chip-ghost{background:#ffffff0d;color:var(--fg-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--radius-sm);font-family:var(--font);font-size:var(--fs-sm);font-weight:600;letter-spacing:-.01em;cursor:pointer;border:none;outline:none;transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 0 0 1px #10b98166}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 0 1px #10b98199,var(--shadow-sm)}.btn-ghost{background:var(--accent-soft);color:var(--accent)}.btn-ghost:hover{background:#10b9812e}.btn-subtle{background:#ffffff0d;color:var(--fg-muted)}.btn-subtle:hover{background:#ffffff14;color:var(--fg)}.prob-bar-track{display:flex;height:6px;border-radius:var(--radius-pill);overflow:hidden;gap:2px}.prob-bar-home{background:var(--green);border-radius:var(--radius-pill) 0 0 var(--radius-pill);transition:width .55s var(--ease)}.prob-bar-draw{background:var(--fg-dim);transition:width .55s var(--ease)}.prob-bar-away{background:var(--red);border-radius:0 var(--radius-pill) var(--radius-pill) 0;transition:width .55s var(--ease)}@keyframes shimmer{0%{background-position:-500px 0}to{background-position:500px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,rgba(255,255,255,.05) 50%,var(--bg-elevated) 75%);background-size:1000px 100%;animation:shimmer 1.8s infinite linear;border-radius:var(--radius-sm)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--red);animation:pulse 1.4s ease-in-out infinite;box-shadow:0 0 6px #ef444480}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}