:root{color-scheme:dark;--bg: #06070b;--panel: rgba(21, 25, 36, .72);--panel-2: rgba(30, 35, 50, .75);--border: rgba(255, 255, 255, .08);--text: #e9ecf3;--muted: #8b94a7;--live: #ff4d5e;--accent: #5b8cff;--accent-2: #a855f7;--good: #22c55e;--bad: #ef4444;--mono: "SF Mono", Consolas, "Courier New", monospace;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);background-image:radial-gradient(700px circle at 8% -10%,rgba(91,140,255,.16),transparent 60%),radial-gradient(600px circle at 100% 0%,rgba(168,85,247,.12),transparent 55%),radial-gradient(900px circle at 50% 110%,rgba(34,197,94,.06),transparent 60%);background-attachment:fixed}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.skip-link{position:absolute;left:8px;top:-48px;z-index:100;background:var(--accent);color:#fff;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:600;transition:top .15s}.skip-link:focus{top:8px;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.side-link:focus-visible,.fav-star:focus-visible,.btn-secondary:focus-visible,.card a:focus-visible,.search-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.search-input:focus-visible{outline-offset:0}.shell{display:flex;min-height:100vh}.sidebar{width:224px;flex:none;background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--border);padding:16px 10px;overflow-y:auto;position:sticky;top:0;height:100vh}.sidebar-brand{font-weight:800;font-size:17px;padding:6px 10px 18px;letter-spacing:.01em;background:linear-gradient(135deg,#fff,var(--accent) 60%,var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.side-link{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 10px;border-radius:7px;font-size:13px;color:var(--muted);transition:background .15s,color .15s}.side-link:hover{background:var(--panel-2);text-decoration:none;color:var(--text)}.side-link.active{background:linear-gradient(90deg,#5b8cff2e,#a855f714);color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.side-icon{display:inline-flex;width:16px;justify-content:center}.side-divider{height:1px;background:var(--border);margin:12px 8px}.side-badge{background:var(--panel-2);color:var(--muted);font-size:11px;padding:1px 7px;border-radius:999px}.live-badge{background:#ff4d5e33;color:var(--live);font-size:11px;padding:1px 7px;border-radius:999px;font-weight:700}.side-category{border:none;margin-top:2px}.side-category summary{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.side-category summary::-webkit-details-marker{display:none}.side-category summary:before{content:"▸";font-size:9px;transition:transform .15s;opacity:.6}.side-category[open] summary:before{transform:rotate(90deg)}.side-category summary:hover{color:var(--text);background:var(--panel-2)}.category-dot{width:7px;height:7px;border-radius:50%;flex:none}.side-category-count{margin-left:auto;font-weight:700}.side-category-links{padding-left:4px}.shell-main{flex:1;min-width:0;display:flex;flex-direction:column}.shell-header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px 0}.shell-content{padding:16px 24px 32px;flex:1;animation:fade-in .35s ease both}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}h2{font-size:19px;letter-spacing:-.01em}h3{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;position:relative;padding-left:11px}h3:before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:3px;border-radius:2px;background:linear-gradient(180deg,var(--accent),var(--accent-2))}.ticker{background:var(--panel-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);overflow:hidden;white-space:nowrap;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.ticker-track{display:inline-flex;gap:28px;padding:9px 24px;animation:ticker-scroll 45s linear infinite}.ticker:hover .ticker-track{animation-play-state:paused}.ticker-item{font-size:13px;font-family:var(--mono);color:var(--text);flex:none}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.ticker-track{animation:none;overflow-x:auto}}.search-wrap{position:relative;width:280px}.search-input{width:100%;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text);font-size:13px}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #5b8cff26}.search-results{position:absolute;top:100%;left:0;right:0;margin-top:6px;z-index:20;background:var(--panel-2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 12px 32px #0006}.search-result{padding:8px 12px;font-size:13px;cursor:pointer}.search-result:hover{background:#5b8cff24}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.card{background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:12px;padding:12px 14px;position:relative;overflow:hidden;will-change:transform;box-shadow:0 1px #ffffff08 inset,0 8px 24px #00000040}.card-live{border-color:#ff4d5e59;box-shadow:0 0 0 1px #ff4d5e26,0 8px 24px #0000004d}.card-glare{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:var(--glare-o, 0);transition:opacity .25s;background:radial-gradient(circle at var(--glare-x, 50%) var(--glare-y, 50%),rgba(255,255,255,.14),transparent 55%)}.card .league{position:relative;z-index:2;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;display:flex;justify-content:space-between;align-items:center;padding-right:22px}.live-dot{color:var(--live);font-weight:700;font-size:10px;display:inline-flex;align-items:center;gap:5px}.live-pulse{width:6px;height:6px;border-radius:50%;background:var(--live);box-shadow:0 0 #ff4d5e99;animation:pulse 1.6s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #ff4d5e8c}70%{box-shadow:0 0 0 7px #ff4d5e00}to{box-shadow:0 0 #ff4d5e00}}.card .teams{position:relative;z-index:2;margin-top:8px;display:flex;flex-direction:column;gap:6px}.team-row{display:flex;justify-content:space-between;align-items:center;font-size:15px;gap:8px}.team-name{display:flex;align-items:center;gap:7px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-logo{width:20px;height:20px;object-fit:contain;flex:none}.team-logo-fallback{width:20px;height:20px;border-radius:5px;background:var(--panel-2);color:var(--muted);font-size:9px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}.team-row .score{font-variant-numeric:tabular-nums;font-weight:700;font-family:var(--mono);font-size:16px;border-radius:5px;padding:1px 5px;transition:background-color .3s,color .3s}.score.flash-up{background:#22c55e40;color:#6ee7a0}.card-footer{position:relative;z-index:2;margin-top:8px;display:flex;justify-content:space-between;align-items:center;gap:8px}.card .status{font-size:12px;color:var(--muted)}.sparkline{flex:none;opacity:.9}.card .odds{position:relative;z-index:2;margin-top:8px;font-size:12px;color:var(--muted);border-top:1px dashed var(--border);padding-top:6px}.fav-star{position:absolute;top:10px;right:10px;z-index:3;background:none;border:none;cursor:pointer;font-size:16px;color:#ffffff2e;line-height:1;padding:2px;transition:color .15s,transform .15s}.fav-star.active{color:#f5c518}.fav-star:hover{color:#f5c518;transform:scale(1.15)}.panel{background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 8px 24px #0003}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px}.badge.good{background:#22c55e26;color:var(--good)}.badge.bad{background:#ef444426;color:var(--bad)}.badge.pending{background:#8b94a726;color:var(--muted)}.setup-step{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}.setup-step:first-of-type{padding-top:4px}.setup-step-num{flex:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:700;font-size:13px}.setup-step-body{flex:1}.setup-step-title{font-weight:600;font-size:14px;margin-bottom:2px}.btn-secondary{display:inline-flex;align-items:center;background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:7px 14px;font-size:13px;cursor:pointer;transition:border-color .15s,transform .1s}.btn-secondary:hover{border-color:var(--accent)}.btn-secondary:active{transform:scale(.97)}.btn-secondary:disabled,.btn-disabled{opacity:.4;pointer-events:none}.muted{color:var(--muted)}.small{font-size:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border);font-size:13px}thead th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}tbody tr:hover{background:#ffffff06}tbody tr:nth-child(2n){background:#ffffff04}.disclaimer{font-size:11px;color:var(--muted);border-top:1px solid var(--border);margin-top:24px;padding-top:12px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:10px 0 4px}.stat-card{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.stat-value{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.stat-good .stat-value{color:var(--good)}.stat-bad .stat-value{color:var(--bad)}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-top:2px}.stat-sub{font-size:11px;color:var(--muted);margin-top:4px}.info-note{margin-bottom:14px}.info-note summary{cursor:pointer;font-size:12px;color:var(--muted);list-style:none;padding:4px 0;display:flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.info-note summary::-webkit-details-marker{display:none}.info-note summary:hover,.info-note[open] summary{color:var(--text)}.info-note-body{font-size:12px;color:var(--muted);padding:6px 2px 2px 20px;line-height:1.55}@media (max-width: 820px){.shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static;display:flex;flex-wrap:wrap;gap:4px}.sidebar nav{display:flex;flex-wrap:wrap;gap:4px;align-items:flex-start}.side-divider,.side-category,.search-wrap{width:100%}.shell-header{flex-direction:column;align-items:flex-start;gap:8px}}