:root{--ink:#f4f7f5;--muted:#98a7a0;--bg:#07110e;--panel:#0d1c17;--panel2:#11251e;--line:#263d34;--lime:#b9f34a;--green:#58d69a;--red:#ff7d7d;--amber:#ffc968;--max:1320px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 78% -8%,#173d2e 0,transparent 32rem),var(--bg);color:var(--ink);line-height:1.5}a{color:inherit}.shell{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(7,17,14,.88);backdrop-filter:blur(18px)}.header-inner{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand-nav-group{display:flex;align-items:center;gap:28px}
.global-nav{display:flex;align-items:center;gap:6px}
.nav-link{padding:6px 12px;border-radius:6px;font-size:.78rem;font-weight:650;text-decoration:none;color:var(--muted);transition:all .15s}
.nav-link:hover{color:var(--ink);background:rgba(255,255,255,.05)}
.nav-link.active{color:var(--lime);background:rgba(185,243,74,.1);border:1px solid rgba(185,243,74,.25)}
.header-status{display:flex;align-items:center;gap:14px}
.health-badge{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:600;border:1px solid var(--line)}
.health-healthy{background:rgba(88,214,154,.08);border-color:rgba(88,214,154,.3);color:var(--green)}
.health-degraded{background:rgba(255,201,104,.08);border-color:rgba(255,201,104,.3);color:var(--amber)}
.health-stale,.health-failing{background:rgba(255,125,125,.08);border-color:rgba(255,125,125,.3);color:var(--red)}
.indicator-dot{width:7px;height:7px;border-radius:50%;background:currentColor}
.health-healthy .indicator-dot{box-shadow:0 0 6px rgba(88,214,154,.6)}
.health-degraded .indicator-dot{box-shadow:0 0 6px rgba(255,201,104,.6)}
.health-stale .indicator-dot,.health-failing .indicator-dot{box-shadow:0 0 6px rgba(255,125,125,.6)}
.notice-banner{margin:18px 0;padding:14px 18px;border-radius:10px;border:1px solid rgba(255,201,104,.35);background:rgba(255,201,104,.08);color:#f5e6cc;font-size:.85rem;line-height:1.4}
.notice-banner strong{color:var(--amber);font-weight:700}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:750;letter-spacing:-.02em}
.brand-mark{display:grid;place-items:center;width:42px;height:30px;border-radius:5px;background:var(--lime);color:#07110e;font-size:.78rem;letter-spacing:.08em}
.as-of,.subtle{color:var(--muted);font-size:.82rem}
.hero,.matchup-hero{padding:54px 0 38px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.hero h1,.matchup-hero h1{margin:.15rem 0;font-size:clamp(2.4rem,4.5vw,4.5rem);line-height:.98;letter-spacing:-.06em}
.matchup-hero h1 span{color:var(--muted);font-weight:400}
.eyebrow{margin:0;color:var(--lime);font-size:.72rem;font-weight:800;letter-spacing:.15em}
.lede{max-width:650px;margin:16px 0 0;color:#b8c5c0;font-size:1.02rem}
.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));min-width:360px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:rgba(13,28,23,.7)}
.summary-grid div{padding:18px;border:1px solid rgba(255,255,255,.045)}
.summary-grid strong,.summary-grid span{display:block}
.summary-grid strong{font-size:1.45rem}
.summary-grid span{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}
.section-heading h2{margin:2px 0 0;font-size:1.45rem;letter-spacing:-.025em}
.lookback-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:10px}
.lookback-card{background:rgba(0,0,0,.22);border:1px solid var(--line);border-radius:12px;padding:18px}
.lookback-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.lookback-header strong{font-size:.92rem;color:var(--ink)}
.lookback-units{font-size:1.8rem;font-weight:800;line-height:1.1;margin-bottom:14px;font-variant-numeric:tabular-nums}
.lookback-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;border-top:1px solid rgba(255,255,255,.06);padding-top:12px}
.lookback-metrics span{display:block;color:var(--muted);font-size:.67rem;text-transform:uppercase;letter-spacing:.06em}
.lookback-metrics b{display:block;font-size:.86rem}
.lookback-metrics small{color:var(--muted);font-weight:400}
.ai-panel{background:linear-gradient(145deg,rgba(18,44,35,.95),rgba(10,24,19,.98));border:1px solid #2f5443;box-shadow:0 12px 32px rgba(0,0,0,.3)}
.ai-heading-group{display:flex;align-items:center;gap:14px}
.ai-badge{padding:4px 9px;border-radius:999px;background:rgba(185,243,74,.15);border:1px solid rgba(185,243,74,.35);color:var(--lime);font-size:.70rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.calibration-pill{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;background:rgba(88,214,154,.1);border:1px solid rgba(88,214,154,.3);color:var(--green);font-size:.78rem}
.calibration-pill b{font-size:.88rem;color:var(--ink)}
.cal-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 6px rgba(88,214,154,.7)}
.ai-lede{color:#d5e2dc;font-size:.95rem;line-height:1.55;max-width:960px;margin:0 0 20px}
.ai-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ai-card{background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:16px}
.ai-card h4{margin:0 0 12px;font-size:.82rem;color:var(--lime);text-transform:uppercase;letter-spacing:.08em}
.ai-list{list-style:none;margin:0;padding:0}
.ai-list li{display:flex;align-items:flex-start;gap:10px;margin-bottom:9px;font-size:.80rem;line-height:1.42;color:#c7d6d0}
.bullet{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;font-size:.65rem;flex-shrink:0;margin-top:1px}
.bullet.check{background:rgba(88,214,154,.18);color:var(--green)}
.bullet.alert{background:rgba(255,201,104,.18);color:var(--amber);font-weight:800}
.bullet.star{background:rgba(185,243,74,.18);color:var(--lime)}
.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:46px}
.game-card,.panel,.metric-card{border:1px solid var(--line);box-shadow:0 16px 42px rgba(0,0,0,.24)}
.game-card{padding:20px;border-radius:14px;transition:transform .18s,border-color .18s}
.game-card:hover{transform:translateY(-2px);border-color:#58d69a}
.card-top,.team-row,.card-metrics{display:flex;align-items:center;justify-content:space-between}
.card-top{padding-bottom:15px;color:var(--muted);font-size:.8rem}
.status{padding:4px 8px;border-radius:999px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.status.official{background:rgba(88,214,154,.13);color:var(--green)}
.status.projected{background:rgba(255,201,104,.13);color:var(--amber)}
.team-row{display:grid;grid-template-columns:1fr auto 44px;gap:13px;padding:10px 0}
.team-name-wrap{display:flex;align-items:center;gap:10px}
.team-name-wrap div b,.team-name-wrap div small{display:block}
.team-name-wrap div small{color:var(--muted);font-size:.68rem;text-transform:uppercase}
.team-logo{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));flex-shrink:0}
.team-logo-lg{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6));flex-shrink:0}
.team-score-cell{text-align:right}
.team-row strong{font-size:1.45rem;display:block;line-height:1}
.proj-subscore{font-size:.68rem;color:var(--muted);font-variant-numeric:tabular-nums;display:block;margin-top:2px}
.team-row em{font-style:normal;text-align:right;color:#c5d1cc;font-variant-numeric:tabular-nums}
.prob-track{height:4px;margin:10px 0 14px;background:#26352f;border-radius:10px;overflow:hidden}
.prob-track span{display:block;height:100%;margin-left:auto;background:var(--lime)}
.live-card-preview{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px;margin:10px 0 14px}
.diamond-and-count{display:flex;align-items:center;justify-content:space-between;gap:14px}
.base-diamond{flex-shrink:0}
.base-diamond .base{fill:rgba(255,255,255,.15);stroke:#3d5e50;stroke-width:1.5;transition:fill .2s}
.base-diamond .base.active{fill:var(--amber);stroke:#ffdf88;filter:drop-shadow(0 0 4px rgba(255,201,104,.8))}
.base-diamond .home-plate{fill:rgba(255,255,255,.4)}
.live-count-box{display:flex;flex-direction:column;gap:4px;flex-grow:1}
.cnt-row{display:flex;align-items:center;gap:7px}
.cnt-lbl{font-size:.65rem;color:var(--muted);width:10px;font-weight:700}
.cnt-dots{display:flex;align-items:center;gap:4px}
.cdot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.18);display:inline-block}
.dots-balls .cdot.active{background:var(--green);box-shadow:0 0 4px rgba(88,214,154,.8)}
.dots-strikes .cdot.active{background:var(--red);box-shadow:0 0 4px rgba(255,125,125,.8)}
.dots-outs .cdot.active{background:var(--amber);box-shadow:0 0 4px rgba(255,201,104,.8)}
.live-actors-line{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid rgba(255,255,255,.06);padding-top:8px;margin-top:8px;font-size:.72rem}
.actor-tag{font-weight:800;color:var(--lime);margin-right:3px}
.actor-pitcher,.actor-batter{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-ab-section{margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}
.live-ab-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.live-sim-badge{font-size:.62rem;font-weight:800;color:var(--amber);background:rgba(255,201,104,.12);border:1px solid rgba(255,201,104,.25);border-radius:4px;padding:1px 5px;letter-spacing:.05em}
.live-ab-title{font-size:.64rem;font-weight:700;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.ab-pill-chart{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.ab-pill{display:inline-flex;align-items:center;gap:3px;font-size:.66rem;padding:2px 6px;border-radius:4px;background:rgba(255,255,255,.05);color:var(--muted);border:1px solid rgba(255,255,255,.08);font-variant-numeric:tabular-nums}
.ab-pill b{color:var(--ink);font-weight:750}
.pill-1b{border-color:rgba(185,243,74,.3);background:rgba(185,243,74,.06)}
.pill-1b b{color:var(--lime)}
.pill-2b{border-color:rgba(88,214,154,.3);background:rgba(88,214,154,.06)}
.pill-2b b{color:var(--green)}
.pill-3b{border-color:rgba(100,210,255,.3);background:rgba(100,210,255,.06)}
.pill-3b b{color:#64d2ff}
.pill-hr{border-color:rgba(255,201,104,.35);background:rgba(255,201,104,.08)}
.pill-hr b{color:var(--amber)}
.pill-bb{border-color:rgba(190,160,255,.3);background:rgba(190,160,255,.06)}
.pill-bb b{color:#c9a9ff}
.pill-so{border-color:rgba(255,125,125,.3);background:rgba(255,125,125,.06)}
.pill-so b{color:var(--red)}
.pill-out{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.03)}
.pill-out b{color:#95a5a0}
.live-win-prob-section{margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}
.lwp-header{display:flex;align-items:center;justify-content:space-between;font-size:.65rem;margin-bottom:5px}
.lwp-label{color:var(--muted);font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.lwp-values{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:700}
.lwp-bar-track{height:6px;background:rgba(255,255,255,.08);border-radius:4px;overflow:hidden;display:flex}
.lwp-fill-away{height:100%;background:#64d2ff;transition:width .3s}
.lwp-fill-home{height:100%;background:var(--lime);transition:width .3s}
.card-metrics{border-top:1px solid var(--line);padding:14px 0}
.card-metrics span{color:var(--muted);font-size:.67rem;text-transform:uppercase;letter-spacing:.06em}
.card-metrics b{display:block;color:var(--ink);font-size:.92rem}
.button,.book-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:750}
.button{width:100%;padding:10px 14px;border-radius:7px;background:var(--lime);color:#07110e}
.button span{margin-left:8px}
.panel{margin-bottom:22px;padding:25px;border-radius:16px;background:linear-gradient(145deg,rgba(17,37,30,.96),rgba(10,24,19,.98))}
.wager-panel{margin-bottom:38px}
.table-wrap{width:100%;overflow:auto}
table{width:100%;border-collapse:collapse;font-size:.82rem;white-space:nowrap}
th,td{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.075);text-align:right;font-variant-numeric:tabular-nums}
th:first-child,td:first-child{text-align:left}
thead th{color:var(--muted);font-size:.67rem;text-transform:uppercase;letter-spacing:.07em}
.wager-table td:nth-child(2),.wager-table td:nth-child(3){text-align:left}
.wager-table small{display:block;color:var(--muted);font-weight:400}
.positive{color:var(--green)}
.negative{color:var(--red)}
.book-link{padding:7px 10px;border:1px solid #557665;border-radius:6px;color:var(--lime);font-size:.75rem}
.book-link:hover{background:rgba(185,243,74,.08)}
.empty{display:flex;flex-direction:column;align-items:flex-start;padding:30px;border:1px dashed #365145;border-radius:10px;color:var(--muted)}
.empty b{color:var(--ink);margin-bottom:3px}
.archive{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 50px}
.archive div{display:flex;gap:8px;flex-wrap:wrap}
.archive-link{padding:6px 9px;border:1px solid var(--line);border-radius:6px;text-decoration:none;font-size:.75rem}
.detail-main{padding-bottom:25px}
.breadcrumb{display:flex;gap:9px;padding-top:25px;color:var(--muted);font-size:.8rem}
.breadcrumb a{color:var(--lime)}
.score-projection{display:flex;align-items:center;gap:24px;min-width:370px;padding:25px;border:1px solid var(--line);border-radius:14px;background:rgba(10,24,19,.94)}
.score-projection div{flex:1;text-align:center}
.score-projection span,.score-projection strong{display:block}
.score-projection span{min-height:36px;color:var(--muted);font-size:.78rem}
.score-projection strong{font-size:3rem;line-height:1}
.hero-proj-sub{display:block;color:var(--muted);font-size:.72rem;margin-top:4px}
.score-projection i{color:var(--lime);font-size:.65rem;font-style:normal;font-weight:800}
.metric-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:0 0 22px}
.metric-card{padding:18px;border-radius:12px;background:linear-gradient(145deg,rgba(17,37,30,.96),rgba(10,24,19,.98))}
.metric-card strong,.metric-card span{display:block}
.metric-card strong{font-size:1.55rem}
.metric-card span{color:var(--muted);font-size:.72rem}
.two-column{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.two-column.nested{align-items:start}
.distribution{max-height:310px;overflow:auto;padding-right:5px}
.dist-bar{display:grid;grid-template-columns:70px 1fr 48px;align-items:center;gap:9px;margin:7px 0;font-size:.72rem;font-variant-numeric:tabular-nums}
.dist-bar i{height:8px;background:#26362f;border-radius:6px;overflow:hidden}
.dist-bar b{display:block;height:100%;background:var(--lime);border-radius:inherit}
.dist-bar em{color:var(--muted);font-style:normal;text-align:right}
.bullpen-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.bullpen-card{background:rgba(0,0,0,.22);border:1px solid var(--line);border-radius:12px;padding:20px}
.bp-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.bp-top strong{display:block;font-size:1.05rem;color:var(--ink)}
.bp-top small{display:block;color:var(--muted);font-size:.70rem;text-transform:uppercase}
.bp-score-row{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}
.bp-score{font-size:2rem;font-weight:800;line-height:1}
.bp-bar{height:6px;background:#26362f;border-radius:6px;overflow:hidden}
.bp-bar span{display:block;height:100%;border-radius:inherit}
.boxscore-toggle-wrap{display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.3);padding:4px;border-radius:8px;border:1px solid var(--line)}
.box-toggle-btn{background:none;border:none;color:var(--muted);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.76rem;font-weight:700;transition:all .15s}
.box-toggle-btn.active{background:var(--lime);color:#07110e}
.player-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.player-table-wrap table{min-width:680px}
.player-table-wrap th:first-child,.player-table-wrap td:first-child{position:sticky;left:0;background:#0c1813;z-index:2}
.player-table-wrap th:nth-child(2),.player-table-wrap td:nth-child(2){position:sticky;left:34px;background:#0c1813;z-index:2;box-shadow:3px 0 8px rgba(0,0,0,.45)}
.player-row{cursor:pointer;transition:background .15s}
.player-row:hover{background:rgba(185,243,74,.08)}
.player-table-wrap h4{margin:0 0 10px;font-size:.9rem;color:var(--ink)}
.clickable-hint{font-size:.75rem;margin-left:4px;opacity:.7;display:inline-block;vertical-align:middle}
.player-row:hover .clickable-hint{opacity:1;transform:scale(1.15)}
.badge-new{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;background:var(--lime);color:#07110e;margin-left:6px;box-shadow:0 0 8px rgba(185,243,74,.4)}
.time-cell{display:flex;align-items:center;justify-content:flex-end;gap:4px;white-space:nowrap;font-size:.76rem;color:var(--muted)}
.live-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;font-size:.68rem;font-weight:800;text-transform:uppercase;background:rgba(255,82,82,.16);color:#ff5252;border:1px solid rgba(255,82,82,.35)}
.live-dot{width:6px;height:6px;border-radius:50%;background:#ff4444;animation:liveBlink 1.2s infinite}
@keyframes liveBlink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}
.wager-live-badge{display:inline-block;padding:3px 7px;border-radius:4px;font-size:.70rem;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}
.wager-winning{background:rgba(88,214,154,.18);color:var(--green);border:1px solid rgba(88,214,154,.45)}
.wager-losing{background:rgba(255,125,125,.18);color:var(--red);border:1px solid rgba(255,125,125,.45)}
.wager-won{background:var(--green);color:#07110e;font-weight:800}
.wager-lost{background:var(--red);color:#07110e;font-weight:800}
.wager-push{background:var(--line);color:var(--muted)}
.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(4,8,6,.82);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}
.modal-box{background:#0c1813;border:1px solid #2e4a3c;border-radius:16px;width:min(640px,94vw);max-height:86vh;overflow-y:auto;padding:28px;box-shadow:0 24px 64px rgba(0,0,0,.7);position:relative}
.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:14px}
.modal-header h2{margin:2px 0 0;font-size:1.55rem;letter-spacing:-.025em}
.modal-close{background:none;border:1px solid var(--line);border-radius:8px;color:var(--muted);padding:6px 12px;cursor:pointer;font-size:1.1rem;line-height:1}
.modal-close:hover{color:var(--ink);border-color:var(--lime)}
.modal-section{margin-bottom:20px}
.modal-section h4{margin:0 0 8px;font-size:.76rem;color:var(--lime);text-transform:uppercase;letter-spacing:.08em}
.similarity-grid{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center}
.similarity-gauge-card{text-align:center;padding:24px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.25)}
.gauge-circle{width:110px;height:110px;border-radius:50%;border:4px solid var(--lime);display:grid;place-content:center;margin:0 auto 12px;box-shadow:0 0 16px rgba(185,243,74,.25)}
.gauge-value{font-size:1.9rem;font-weight:800;color:var(--ink);line-height:1}
.gauge-label{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.gauge-desc{font-size:.76rem;color:#c2d1cb;margin:0;line-height:1.4}
.clusters-card h4{margin:0 0 14px;font-size:.82rem;color:var(--lime);text-transform:uppercase;letter-spacing:.08em}
.cluster-bars{display:flex;flex-direction:column;gap:10px}
.cluster-item{display:grid;grid-template-columns:200px 1fr 40px;align-items:center;gap:12px;font-size:.76rem}
.cbar{height:8px;background:#26362f;border-radius:6px;overflow:hidden}
.cbar i{display:block;height:100%;background:var(--green);border-radius:inherit}
.cluster-item em{color:var(--muted);font-style:normal;text-align:right}
.filter-panel{background:rgba(13,28,23,.85);border:1px solid var(--line);margin-bottom:24px}
.filter-row{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}
.filter-group{display:flex;flex-direction:column;gap:6px}
.filter-group label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}
.filter-group-grow{flex-grow:1}
.filter-btn-group{display:flex;gap:4px;background:rgba(0,0,0,.3);padding:3px;border-radius:7px;border:1px solid var(--line)}
.filter-preset-btn{background:none;border:none;color:var(--muted);padding:6px 12px;border-radius:5px;cursor:pointer;font-size:.74rem;font-weight:700}
.filter-preset-btn.active{background:var(--lime);color:#07110e}
.filter-select,.filter-input{background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:7px;padding:7px 12px;color:var(--ink);font-size:.80rem}
.filter-input{width:100%}
.button-subtle{background:rgba(255,255,255,.06);color:var(--ink);border:1px solid var(--line);padding:7px 14px}
.tab-bar{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto}
.tab-btn{background:rgba(17,37,30,.7);border:1px solid var(--line);border-radius:8px;padding:9px 18px;color:var(--muted);cursor:pointer;font-size:.82rem;font-weight:700;transition:all .15s}
.tab-btn:hover{color:var(--ink);background:rgba(17,37,30,.95)}
.tab-btn.active{color:var(--lime);background:rgba(185,243,74,.12);border-color:rgba(185,243,74,.4)}
.tab-content{display:none}
.tab-content.active{display:block}
.metric-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mini-stat{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:12px}
.mini-stat span{display:block;font-size:.67rem;color:var(--muted);text-transform:uppercase}
.mini-stat b{display:block;font-size:1.25rem}
.analytics-table th{background:rgba(0,0,0,.35)}
.quick-nav-panel{margin-bottom:24px;padding:20px}
.quick-nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.quick-nav-card{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid var(--line);text-decoration:none;transition:all .15s}
.quick-nav-card:hover{border-color:var(--lime);background:rgba(185,243,74,.05);transform:translateY(-2px)}
.quick-nav-title{font-size:1.05rem;font-weight:700;color:var(--ink)}
.quick-nav-desc{font-size:.78rem;color:var(--muted);line-height:1.4}
footer{border-top:1px solid rgba(255,255,255,.08);padding:25px 0;color:var(--muted);font-size:.72rem}
footer .shell{display:flex;justify-content:space-between;gap:20px}
.sports-bar-strip{background:rgba(4,10,8,.95);border-bottom:1px solid rgba(255,255,255,.07)}
.sports-nav-inner{display:flex;align-items:center;justify-content:space-between;overflow-x:auto;-webkit-overflow-scrolling:touch}
.sports-nav{display:flex;align-items:center;gap:4px;padding:6px 0}
.sport-tab{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:6px;font-size:.74rem;font-weight:750;text-decoration:none;color:var(--muted);transition:all .15s;letter-spacing:.03em;white-space:nowrap}
.sport-tab:hover{color:var(--ink);background:rgba(255,255,255,.06)}
.sport-tab.active{color:#07110e;background:var(--lime);font-weight:800}
.sport-tab.active .live-dot{background:#07110e;box-shadow:0 0 6px rgba(7,17,14,.5)}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 6px rgba(185,243,74,.6);display:inline-block}
.sport-tag{font-size:.58rem;padding:2px 5px;border-radius:4px;background:rgba(255,255,255,.08);color:var(--muted);font-weight:800;letter-spacing:.05em}
.sport-tag.fantasy{background:rgba(56,189,248,.15);color:#38bdf8;border:1px solid rgba(56,189,248,.3)}
.sport-tag.soon{background:rgba(255,201,104,.12);color:var(--amber);border:1px solid rgba(255,201,104,.25)}
.sport-tab.active .sport-tag{background:rgba(7,17,14,.25);color:#07110e;border:none}
.brand-nfl{background:#013369;color:#fff}
.brand-soon{background:rgba(255,255,255,.12);color:var(--ink)}
.coming-soon-hero{padding:48px 0 32px;border-bottom:1px solid var(--line);margin-bottom:36px}
.coming-soon-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;font-size:.74rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.badge-staging{background:rgba(255,201,104,.12);border:1px solid rgba(255,201,104,.35);color:var(--amber)}
.badge-live{background:rgba(88,214,154,.12);border:1px solid rgba(88,214,154,.35);color:var(--green)}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0 40px}
.feature-card{background:rgba(13,28,23,.75);border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.feature-card h3{margin:0 0 8px;font-size:1.12rem;letter-spacing:-.02em;color:var(--ink)}
.feature-card p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.55}
.feature-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;background:rgba(185,243,74,.12);color:var(--lime);font-size:1.1rem;margin-bottom:12px;border:1px solid rgba(185,243,74,.25)}
.fantasy-featured-card{background:linear-gradient(145deg,rgba(1,51,105,.3),rgba(13,28,23,.92));border:1px solid rgba(56,189,248,.35);border-radius:16px;padding:32px;margin:24px 0 36px;box-shadow:0 18px 48px rgba(0,0,0,.35)}
.fantasy-featured-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;flex-wrap:wrap}
.fantasy-tag{padding:4px 10px;border-radius:999px;background:rgba(56,189,248,.18);border:1px solid rgba(56,189,248,.4);color:#7dd3fc;font-size:.72rem;font-weight:800;letter-spacing:.07em}
.pbpla-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;background:var(--lime);color:#07110e;font-weight:800;font-size:.92rem;text-decoration:none;transition:all .15s}
.pbpla-cta:hover{background:#c6f762;transform:translateY(-1px);box-shadow:0 8px 24px rgba(185,243,74,.3)}
.drop-instructions-box{background:rgba(0,0,0,.35);border:1px solid rgba(255,201,104,.35);border-radius:12px;padding:22px;margin:24px 0}
.drop-instructions-box code{background:rgba(255,255,255,.08);padding:2px 6px;border-radius:4px;color:var(--lime);font-size:.84rem}
.drop-instructions-box pre{background:rgba(0,0,0,.5);border:1px solid var(--line);border-radius:8px;padding:14px;color:#a5f3fc;overflow-x:auto;font-size:.82rem;margin:12px 0 0}
@media(max-width:980px){.game-grid{grid-template-columns:repeat(2,1fr)}.hero,.matchup-hero{align-items:stretch;flex-direction:column}.summary-grid,.score-projection{min-width:0;width:100%}.metric-strip{grid-template-columns:repeat(3,1fr)}.two-column,.context-grid,.ai-cols,.lookback-grid,.bullpen-grid,.similarity-grid{grid-template-columns:1fr}.definition-grid.wide{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.shell{width:min(100% - 24px,var(--max))}.as-of{display:none}.brand-nav-group{flex-direction:column;align-items:flex-start;gap:10px}.hero,.matchup-hero{padding:42px 0 30px}.game-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}.metric-strip{grid-template-columns:repeat(2,1fr)}.quick-nav-grid{grid-template-columns:1fr}.panel{padding:18px}.score-projection{gap:12px;padding:18px}.score-projection strong{font-size:2.25rem}.definition-grid,.definition-grid.wide{grid-template-columns:repeat(2,1fr)}.archive,footer .shell{align-items:flex-start;flex-direction:column}.sports-nav{gap:2px}.sport-tab{padding:3px 8px;font-size:.68rem}.feature-grid{grid-template-columns:1fr}.fantasy-featured-card{padding:20px}}