:root{
  --bg-root:#EEF2F7;
  --bg-surface:#FFFFFF;
  --bg-panel:#FFFFFF;
  --bg-card:#FFFFFF;
  --bg-inset:#F8FAFF;
  --bg-featured:#F8FAFF;
  --border:#D6DEE8;
  --border-bright:#E7EDF5;
  --text-primary:#0B1220;
  --text-secondary:#3E4A5A;
  --text-muted:#7A8798;
  --text-disabled:#B5C0CF;
  --accent:#E11D48;
  --accent-dim:rgba(225,29,72,0.10);
  --accent-glow:rgba(225,29,72,0.18);
  --positive:#16A34A;
  --negative:#DC2626;
  --info:#2563EB;
  --warning:#F59E0B;
  --neutral:#64748B;
  --r2:6px;
  --r3:8px;
  --r4:12px;
  --mono:'JetBrains Mono',monospace;
  --sans:'Inter',system-ui,-apple-system,sans-serif;
  --shadow-sm:0 2px 8px rgba(10,20,40,.06);
  --shadow-md:0 4px 16px rgba(10,20,40,.08);
  --shadow-lg:0 8px 24px rgba(10,20,40,.12);
  --shadow-xl:0 12px 40px rgba(10,20,40,.14);
  --brand-intelligence:#2563EB;
  --brand-intelligence-soft:#E8F0FF;
  --progress-track:#E5EAF1;
  --glass-bg:rgba(255,255,255,0.85);
  --glass-border:rgba(214,222,232,0.6);
  --glass-radius:14px;
  --panel-transition:all .25s cubic-bezier(.4,0,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:hidden}
body{overflow-x:hidden;width:100%;background:var(--bg-root);color:var(--text-primary);font-family:var(--sans);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}
header{padding:0 24px;height:56px;border-bottom:1px solid var(--border);background:var(--bg-surface);display:flex;align-items:center;justify-content:space-between;width:100%}
.hdr-left{display:flex;align-items:center;gap:14px}
header h1{font-size:22px;letter-spacing:4px;font-weight:900;text-transform:uppercase;color:var(--accent);font-family:var(--sans);text-shadow:none}
header .badge{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;border-left:1px solid var(--border);padding-left:14px;font-family:var(--mono);white-space:nowrap}
header .proxy-status{margin-left:auto;font-size:11px;padding:4px 10px;border-radius:var(--r2);font-family:var(--mono);font-weight:600;letter-spacing:0.3px;border:1px solid var(--border);flex-shrink:0}
header .proxy-status.online{background:rgba(0,230,118,0.08);color:var(--positive);border-color:rgba(0,230,118,0.2)}
header .proxy-status.offline{background:rgba(255,61,87,0.08);color:var(--negative);border-color:rgba(255,61,87,0.2)}

nav{display:flex;gap:2px;background:var(--bg-surface);border-bottom:1px solid var(--border);padding:8px 24px;overflow-x:auto;justify-content:center;position:relative}
nav .tab{padding:10px 28px;cursor:pointer;font-size:13px;font-weight:700;color:var(--text-muted);border:none;border-radius:0;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;text-transform:uppercase;letter-spacing:1.2px;font-family:var(--sans);background:transparent;position:relative;display:inline-flex;align-items:center;gap:7px;border-bottom:3px solid transparent;margin-bottom:-1px}
nav .tab:hover{color:var(--text-primary);background:transparent}
nav .tab.active{color:var(--accent);background:transparent;box-shadow:none;border-bottom-color:var(--accent)}
nav .tab svg{width:16px;height:16px;flex-shrink:0}

.app{display:grid;grid-template-columns:200px 1fr;flex:1;min-height:0;overflow:hidden;max-width:100%}
.app.no-main{flex:none;grid-template-columns:1fr}
.app.no-main aside{max-height:none;border-right:none;border-bottom:none}
.app.no-sidebar{grid-template-columns:1fr}
.app.no-sidebar aside{display:none}
aside{padding:10px;border-right:1px solid var(--border);overflow-y:auto;background:var(--bg-surface)}
main{padding:20px;overflow-y:auto;overflow-x:hidden;min-width:0;width:100%}

.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r3);padding:16px;margin-bottom:14px;box-shadow:var(--shadow-sm)}
.panel h3{margin-bottom:8px;font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:700}
label{display:block;font-size:13px;color:var(--text-muted);margin-top:8px;margin-bottom:3px;font-weight:500}
select,input[type="text"],input[type="url"],button{width:100%;padding:10px 14px;border-radius:var(--r3);border:1px solid var(--border);background:var(--bg-inset);color:var(--text-primary);font-size:14px;font-family:var(--sans);margin-top:3px;outline:none;transition:border-color .15s}
select:focus,input[type="text"]:focus,input[type="url"]:focus{border-color:var(--info)}
button{font-weight:700;cursor:pointer;margin-top:10px;transition:all .15s;font-size:14px;letter-spacing:0.3px}
button:active{transform:scale(0.98)}
.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn-primary:hover{background:var(--accent);filter:brightness(1.1);box-shadow:var(--shadow-md)}
.btn-secondary{background:var(--bg-panel);border-color:var(--border-bright)}
.btn-secondary:hover{background:var(--border);border-color:var(--text-muted)}
.btn-danger{background:rgba(255,61,87,0.1);color:var(--negative);border-color:rgba(255,61,87,0.25)}
.btn-danger:hover{background:rgba(255,61,87,0.18)}

.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:16px}
.stat-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r3);padding:14px;text-align:center}
.stat-card .val{font-size:28px;font-weight:800;color:var(--accent);font-family:var(--mono)}
.stat-card .lbl{font-size:12px;color:var(--text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:0.5px}

table.dt{width:100%;border-collapse:collapse;font-size:14px}
table.dt th{text-align:left;padding:10px 12px;background:var(--bg-surface);color:var(--text-muted);font-weight:600;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1;font-size:12px;text-transform:uppercase;letter-spacing:0.5px}
table.dt td{padding:9px 12px;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}
table.dt tr:hover td{background:rgba(37,99,235,0.04)}
.p1{color:#E11D48;font-weight:700}
.p2{color:#2563EB;font-weight:700}
.p3{color:#00E676;font-weight:700}
.p5{color:var(--text-secondary)}

.compare-header{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.compare-header h2{font-size:20px;font-weight:800;letter-spacing:0.5px}
.compare-header .vs{color:var(--accent);font-weight:800;font-size:16px;font-family:var(--mono)}

.season-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
.season-col{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r3);padding:16px}
.season-col h4{color:var(--accent);margin-bottom:10px;font-size:16px}
.srow{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border);font-size:14px}
.srow .sl{color:var(--text-muted)}
.srow .sv{font-weight:600;font-variant-numeric:tabular-nums}

.news-list{display:flex;flex-direction:column;gap:2px}
.news-row{display:flex;align-items:baseline;gap:14px;padding:10px 14px;background:var(--bg-panel);border-radius:var(--r3);transition:background .1s;border-left:2px solid transparent}
.news-row:hover{background:rgba(37,99,235,0.04);border-left-color:var(--info)}
.news-row .nr-source{font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:1px;min-width:85px;flex-shrink:0;font-family:var(--mono);font-weight:600}
.news-row .nr-title{flex:1;font-size:15px;font-weight:500;line-height:1.4}
.news-row .nr-title a{color:var(--text-primary);text-decoration:none}
.news-row .nr-title a:hover{color:var(--accent)}
.news-row .nr-date{font-size:12px;color:var(--text-muted);min-width:80px;text-align:right;flex-shrink:0;font-family:var(--mono)}
.news-section-header{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;padding:14px 0 6px;border-bottom:1px solid var(--border);margin-bottom:4px;font-weight:700}
.news-section-header:first-child{padding-top:0}
.news-load-more{text-align:center;padding:12px}
.news-load-more button{width:auto;padding:6px 20px}

.source-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.source-item{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r3);padding:14px;display:flex;align-items:center;gap:12px}
.source-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.source-dot.ok{background:var(--positive)}
.source-dot.err{background:var(--negative)}
.source-dot.loading{background:#FFAB00}
.source-info .sname{font-size:15px;font-weight:600}
.source-info .surl{font-size:12px;color:var(--text-muted);word-break:break-all;font-family:var(--mono)}

.empty-state{text-align:center;padding:50px 24px;color:var(--text-muted)}
.empty-state h3{margin-bottom:10px;color:var(--text-secondary);font-size:18px}

.an-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
.an-grid.tri{grid-template-columns:1fr 1fr 1fr}
.an-chart-box{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r3);padding:16px}
.an-chart-box h4{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;font-weight:700}
.an-chart-box canvas{width:100%;height:220px;display:block}
.an-chart-box.tall canvas{height:300px}
.an-chart-box.full{grid-column:1/-1}
.an-metric-row{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.an-metric{flex:1;min-width:100px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r3);padding:14px 16px;border-top:2px solid var(--accent)}
.an-metric .am-val{font-size:30px;font-weight:800;color:var(--accent);line-height:1;font-family:var(--mono)}
.an-metric .am-lbl{font-size:12px;color:var(--text-muted);margin-top:6px;text-transform:uppercase;letter-spacing:0.5px;font-weight:600}
.an-metric .am-sub{font-size:12px;color:var(--text-secondary);margin-top:3px}
.an-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:14px}
.an-bar-row .ab-label{width:100px;color:var(--text-secondary);text-align:right;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.an-bar-row .ab-track{flex:1;height:22px;background:var(--bg-inset);border-radius:var(--r2);overflow:hidden;position:relative}
.an-bar-row .ab-fill{height:100%;border-radius:var(--r2);transition:width 0.4s}
.an-bar-row .ab-val{width:50px;font-weight:600;font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:13px}
.an-h2h-vs{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.an-h2h-vs .rider-card{flex:1;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r3);padding:18px;text-align:center}
.an-h2h-vs .rider-card h3{font-size:18px;margin-bottom:8px;color:var(--text-primary);font-weight:800}
.an-h2h-vs .rider-card .big-stat{font-size:38px;font-weight:800;color:var(--accent);line-height:1;font-family:var(--mono)}
.an-h2h-vs .rider-card .big-lbl{font-size:12px;color:var(--text-muted);margin-top:6px;text-transform:uppercase;letter-spacing:0.5px}
.an-h2h-vs .vs-badge{font-size:20px;font-weight:800;color:var(--accent);flex-shrink:0;font-family:var(--mono)}
.an-compare-bar{display:flex;height:28px;border-radius:var(--r2);overflow:hidden;margin-bottom:8px}
.an-compare-bar .cb-a{background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#000;transition:width 0.4s}
.an-compare-bar .cb-b{background:var(--info);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#000;transition:width 0.4s}
.an-compare-lbl{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-bottom:12px}
.h2h-hero{display:flex;align-items:stretch;gap:0;margin-bottom:16px;border:1px solid var(--border);border-radius:var(--r4);overflow:hidden;background:var(--bg-panel)}
.h2h-side{flex:1;padding:20px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}
.h2h-side.left{border-right:1px solid var(--border)}
.h2h-side .h2h-name{font-size:17px;font-weight:800;margin-bottom:8px;cursor:pointer;transition:color .1s}
.h2h-side .h2h-name:hover{color:var(--accent)}
.h2h-side .h2h-wins{font-size:46px;font-weight:900;font-family:var(--mono);line-height:1}
.h2h-side .h2h-wlbl{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-top:6px}
.h2h-side.dominant{background:linear-gradient(135deg,rgba(225,29,72,0.05) 0%,transparent 60%)}
.h2h-side.dominant .h2h-wins{color:var(--accent)}
.h2h-vs-pip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:40px;height:40px;border-radius:50%;background:var(--bg-surface);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--accent);font-family:var(--mono)}
.h2h-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r3);overflow:hidden;margin-bottom:18px}
.h2h-stat{background:var(--bg-panel);padding:14px;text-align:center}
.h2h-stat .hs-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}
.h2h-stat .hs-row{display:flex;justify-content:center;align-items:baseline;gap:14px}
.h2h-stat .hs-val{font-size:20px;font-weight:800;font-family:var(--mono)}
.h2h-stat .hs-vs{font-size:12px;color:var(--text-muted)}
.h2h-bar-section{margin-bottom:16px}
.h2h-bar-row{margin-bottom:12px}
.h2h-bar-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.h2h-bar-label span{font-size:14px;font-weight:700;font-family:var(--mono)}
.h2h-bar-label .hbl-cat{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}
.h2h-bar-track{display:flex;height:28px;border-radius:var(--r3);overflow:hidden;background:var(--bg-inset)}
.h2h-bar-track .hb-a{background:var(--accent);display:flex;align-items:center;padding:0 10px;font-size:13px;font-weight:700;color:#fff;transition:width 0.5s;min-width:32px}
.h2h-bar-track .hb-b{background:var(--info);display:flex;align-items:center;justify-content:flex-end;padding:0 10px;font-size:13px;font-weight:700;color:#fff;transition:width 0.5s;min-width:32px}
.h2h-history-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--r2);font-size:14px;border-left:3px solid transparent;transition:background .1s}
.h2h-history-row:nth-child(even){background:rgba(37,99,235,0.02)}
.h2h-history-row:hover{background:rgba(225,29,72,0.04)}
.h2h-history-row.win-a{border-left-color:var(--accent)}
.h2h-history-row.win-b{border-left-color:var(--info)}
.h2h-history-row .hh-venue{flex:1;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h2h-history-row .hh-meta{width:80px;color:var(--text-muted);font-size:12px;font-family:var(--mono);flex-shrink:0}
.h2h-history-row .hh-pos{width:40px;text-align:center;font-weight:700;font-family:var(--mono);flex-shrink:0}
.h2h-history-row .hh-pos.better{color:var(--positive)}
.h2h-history-row .hh-winner{width:70px;text-align:right;font-size:12px;font-weight:700;flex-shrink:0;letter-spacing:0.3px}
.an-section{margin-bottom:20px}
.an-section h3{font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border);font-weight:700}

.search-box{position:relative;margin-bottom:10px}
.search-box input{padding-left:32px;font-family:var(--sans)}
.search-box::before{content:"⌕";position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:15px}

.standings-pos{width:40px;text-align:center;font-weight:700;font-family:var(--mono)}

.mode-desc{font-size:12px;color:var(--text-muted);margin:6px 0 4px;line-height:1.5}

.analytics-controls{margin-top:8px}
.analytics-controls .panel{border-color:var(--border)}

.live-status{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--r3);font-size:13px;font-weight:600;margin-bottom:12px;font-family:var(--mono)}
.live-status.connected{background:rgba(0,230,118,0.08);color:var(--positive);border:1px solid rgba(0,230,118,0.2)}
.live-status.disconnected{background:rgba(255,61,87,0.08);color:var(--negative);border:1px solid rgba(255,61,87,0.2)}
.live-status.connecting{background:rgba(255,171,0,0.08);color:#FFAB00;border:1px solid rgba(255,171,0,0.2)}
.live-dot{width:8px;height:8px;border-radius:50%;background:currentColor}
.live-status.connected .live-dot{animation:pulse 1.5s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.2}}

.live-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.live-chart-box{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r3);padding:16px;min-height:280px}
.live-chart-box h3{margin-bottom:10px;font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:700}
.live-chart-box canvas{width:100%;height:240px}

.predict-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:14px}
.predict-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r3);padding:16px;text-align:center;border-top:2px solid var(--accent)}
.predict-card .pred-name{font-size:15px;font-weight:700;margin-bottom:4px}
.predict-card .pred-num{font-size:12px;color:var(--text-muted);margin-bottom:8px;font-family:var(--mono)}
.predict-card .pred-pct{font-size:32px;font-weight:800;color:var(--accent);font-family:var(--mono)}
.predict-card .pred-bar{height:3px;background:var(--border);border-radius:1px;margin-top:6px;overflow:hidden}
.predict-card .pred-fill{height:100%;background:var(--accent);border-radius:1px;transition:width 0.5s;box-shadow:0 0 8px var(--accent-dim)}

.lt-topbar{display:flex;align-items:center;gap:12px;padding:10px 18px;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;max-width:100%;flex-wrap:wrap;box-shadow:0 1px 3px rgba(11,18,32,0.04);margin-bottom:8px}
.lt-topbar.lt-race-control{background:var(--bg-surface);position:relative}
.lt-topbar.lt-race-control::after{content:'';position:absolute;bottom:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}
.lt-tb-row1{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}
.lt-tb-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}
.lt-tb-left span.lt-tb-event{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:260px}
.lt-tb-center{display:flex;flex-direction:column;align-items:center;gap:2px;white-space:nowrap;flex-shrink:0}
.lt-tb-right{display:flex;align-items:center;gap:8px;flex-shrink:0}
.lt-tb-clock{font-family:var(--mono);font-size:24px;font-weight:900;color:var(--text-primary);letter-spacing:1px;line-height:1}
.lt-tb-gap{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--accent);line-height:1}
.lt-race-phase{font-size:9px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:4px 10px;border-radius:3px;font-family:var(--mono)}
.lt-race-phase.early{background:rgba(93,162,255,0.1);color:#2563EB;border:1px solid rgba(93,162,255,0.2)}
.lt-race-phase.mid{background:rgba(255,171,0,0.1);color:#FFAB00;border:1px solid rgba(255,171,0,0.2)}
.lt-race-phase.late{background:rgba(255,61,87,0.1);color:#FF3D57;border:1px solid rgba(255,61,87,0.2)}
.lt-live-pulse{display:inline-flex;align-items:center;gap:5px;background:rgba(225,29,72,0.08);border:1px solid rgba(225,29,72,0.25);color:var(--accent);font-size:10px;font-weight:700;padding:4px 10px;border-radius:4px;letter-spacing:1px;text-transform:uppercase;font-family:var(--mono);white-space:nowrap}
.lt-live-pulse .pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 1.2s infinite}
.lt-tb-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--border);border-radius:0 0 var(--r3) var(--r3);overflow:hidden}
.lt-tb-progress-fill{height:100%;border-radius:0 1px 1px 0;transition:width 2s linear}

.lt-narrative{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}
.lt-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-height:0;padding:0 8px}
.lt-layout.lt-sport{grid-template-columns:1fr 1fr;grid-auto-rows:min-content;gap:16px}
.lt-layout.lt-sport > *{min-height:0;animation:tileEnter .35s cubic-bezier(.16,1,.3,1) both}
.lt-layout.lt-sport > .sp-full-width{grid-column:1 / -1}
@keyframes tileEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.lt-layout.lt-sport > *:nth-child(1){animation-delay:0s}
.lt-layout.lt-sport > *:nth-child(2){animation-delay:.04s}
.lt-layout.lt-sport > *:nth-child(3){animation-delay:.08s}
.lt-layout.lt-sport > *:nth-child(4){animation-delay:.12s}
.lt-layout.lt-sport > *:nth-child(5){animation-delay:.16s}
.lt-layout.lt-sport > *:nth-child(6){animation-delay:.2s}
.lt-layout.lt-sport > *:nth-child(n+7){animation-delay:.24s}
.lt-col{display:flex;flex-direction:column;gap:20px;min-height:0}
.lt-col-scroll{overflow-y:auto;max-height:calc(100vh - 260px)}

.lt-leaderboard{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);padding:20px 22px;overflow-y:auto;box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:var(--panel-transition)}
.lt-leaderboard:hover{box-shadow:var(--shadow-md)}
.lt-leaderboard .lt-lb-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.lt-leaderboard .lt-lb-header h3{font-size:12px;color:var(--text-muted);margin:0;text-transform:uppercase;letter-spacing:2px;font-weight:800}

.lt-rider-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;font-size:13px;border-left:3px solid transparent;position:relative}
.lt-rider-row:hover{background:rgba(37,99,235,0.05);border-left-color:var(--info);box-shadow:var(--shadow-sm);transform:translateX(2px)}
.lt-rider-row.lt-leader{padding:12px 14px;border-left:3px solid var(--accent);background:rgba(225,29,72,0.04);box-shadow:var(--shadow-sm)}
.lt-rider-row .lt-pos{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--r2);font-weight:800;font-size:15px;flex-shrink:0;font-family:var(--mono)}
.lt-rider-row .lt-pos.p1{background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-glow)}
.lt-rider-row .lt-pos.p2{background:rgba(93,162,255,0.12);color:#2563EB;border:1px solid rgba(93,162,255,0.25)}
.lt-rider-row .lt-pos.p3{background:rgba(0,230,118,0.08);color:#00E676;border:1px solid rgba(0,230,118,0.15)}
.lt-rider-row .lt-pos.top5{background:rgba(126,135,154,0.06);color:var(--neutral);border:1px solid rgba(126,135,154,0.1)}
.lt-rider-row .lt-pos.rest{background:var(--bg-inset);color:var(--text-muted);border:1px solid var(--border)}
.lt-rider-row .lt-name-col{flex:1;min-width:80px;overflow:hidden}
.lt-rider-row .lt-name-col .lt-name-primary{font-weight:700;font-size:14px;letter-spacing:0.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lt-rider-row .lt-name-col .lt-name-secondary{font-size:11px;color:var(--text-muted);font-family:var(--mono);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lt-rider-row .lt-name-col .lt-name-secondary .lt-fast{color:#00E676}
.lt-rider-row .lt-name-col .lt-name-secondary .lt-slow{color:#FF3D57}
.lt-rider-row .lt-momentum{width:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.lt-rider-row .lt-momentum svg{width:14px;height:14px}
.lt-rider-row .lt-momentum.gaining{color:#00E676}
.lt-rider-row .lt-momentum.fading{color:#FF3D57}
.lt-rider-row .lt-momentum.stable{color:#6B7389}
.racer-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,0.4);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.racer-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r3);max-width:560px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg)}
.racer-modal-hdr{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-card);z-index:1}
.racer-modal-hdr .rm-num{font-size:20px;font-weight:900;color:var(--accent);font-family:var(--mono)}
.racer-modal-hdr .rm-name{font-size:16px;font-weight:700;color:var(--text-primary);flex:1}
.racer-modal-hdr .rm-brand{font-size:11px;color:var(--text-muted);font-family:var(--mono)}
.racer-modal-hdr .rm-close{background:none;border:none;color:#6B7389;cursor:pointer;padding:4px;font-size:18px;line-height:1}
.rm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin:0}
.rm-stats>div{background:var(--bg-card);padding:12px;text-align:center}
.rm-stats .rm-stat-val{font-size:18px;font-weight:900;color:var(--text-primary);font-family:var(--mono)}
.rm-stats .rm-stat-lbl{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px}
.rm-lap-tbl{width:100%;border-collapse:collapse;font-size:12px;font-family:var(--mono)}
.rm-lap-tbl th{text-align:left;padding:8px 12px;color:var(--text-muted);font-size:9px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-card);z-index:1}
.rm-lap-tbl td{padding:6px 12px;border-bottom:1px solid var(--border);color:var(--text-secondary)}
.rm-lap-tbl tr:hover td{background:rgba(37,99,235,0.04)}
.rm-lap-tbl .rm-best{color:#00E676;font-weight:700}
.rm-lap-tbl .rm-worst{color:#FF3D57}
.lt-rider-row .lt-mini-wp{font-size:10px;font-weight:800;font-family:var(--mono);color:var(--accent);width:36px;text-align:right;flex-shrink:0}
.lt-rider-num{font-size:10px;color:var(--text-muted);font-family:var(--mono);margin-right:4px;font-weight:500}
.lt-gap-bar{height:3px;background:var(--bg-inset);border-radius:2px;margin-top:4px;overflow:hidden}
.lt-gap-bar-fill{height:100%;border-radius:2px;transition:width 0.5s}
.lt-pace-tag{font-size:9px;font-weight:700;letter-spacing:0.8px;text-transform:uppercase;padding:2px 6px;border-radius:3px;font-family:var(--mono);flex-shrink:0}

.race-hero-bar{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);padding:28px 32px;position:relative;overflow:hidden;margin:0 8px 4px;box-shadow:var(--shadow-lg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:var(--panel-transition)}
.race-hero-bar:hover{box-shadow:var(--shadow-xl)}
.race-hero-bar::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent),var(--info),var(--accent));background-size:200% 100%;animation:heroGradient 4s ease infinite}
@keyframes heroGradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.race-hero-bar::after{content:'';position:absolute;top:0;right:0;width:350px;height:350px;background:radial-gradient(circle,rgba(37,99,235,0.04) 0%,transparent 70%);pointer-events:none}
.rh-topline{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:18px;font-size:11px;text-transform:uppercase;letter-spacing:2.5px;font-weight:700;font-family:var(--mono);color:var(--text-muted)}
.rh-vs-block{display:flex;align-items:stretch;gap:0;margin-bottom:18px}
.rh-rider-side{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;min-width:0}
.rh-rider-side .rh-bike{font-size:28px;font-weight:900;font-family:var(--mono);line-height:1;letter-spacing:1px}
.rh-rider-side .rh-rname{font-size:15px;font-weight:800;color:var(--text-primary);letter-spacing:0.5px;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.rh-rider-side .rh-pos{font-size:11px;font-family:var(--mono);font-weight:600;color:var(--text-muted)}
.rh-rider-side .rh-wp{font-size:38px;font-weight:900;font-family:var(--mono);line-height:1;margin-top:4px;text-shadow:0 2px 8px rgba(0,0,0,0.06)}
.rh-gap-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 20px;border-left:1px solid var(--border);border-right:1px solid var(--border);min-width:70px}
.rh-gap-col .rh-gap-val{font-size:20px;font-weight:900;font-family:var(--mono);color:var(--text-primary);line-height:1;letter-spacing:0.5px}
.rh-gap-col .rh-gap-lbl{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-weight:700}
.rh-wp-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;margin-bottom:18px}
.rh-wp-bar>div:first-child{border-radius:4px 0 0 4px}
.rh-wp-bar>div:last-child{border-radius:0 4px 4px 0}
.rh-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}
.rh-metric{text-align:center;padding:10px 6px;background:var(--bg-inset);border-radius:10px;border:1px solid var(--glass-border);transition:var(--panel-transition)}
.rh-metric:hover{background:var(--bg-surface);box-shadow:var(--shadow-sm)}
.rh-metric .rh-m-val{font-size:17px;font-weight:900;font-family:var(--mono);line-height:1}
.rh-metric .rh-m-lbl{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-top:5px}
.rh-intel-strip{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.rh-intel-chip{font-size:10px;font-weight:700;font-family:var(--mono);padding:4px 10px;border-radius:6px;letter-spacing:0.5px;display:inline-flex;align-items:center;gap:4px;transition:transform .15s,box-shadow .15s}
.rh-intel-chip:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}
.lt-field-rows.lt-field-open{display:block!important}
.lt-zone-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;padding:0 0 10px;font-family:var(--mono);opacity:0.6}

.lt-wp-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r3);padding:28px 28px;border-top:2px solid var(--accent);position:relative;overflow:hidden}
.lt-wp-panel::before{content:'';position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(225,29,72,0.05) 0%,transparent 70%);pointer-events:none}
.lt-wp-panel .lt-wp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.lt-wp-panel .lt-wp-header h3{font-size:11px;font-weight:800;color:var(--text-muted);margin:0;letter-spacing:2px;text-transform:uppercase}
.lt-wp-trend{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--text-muted);font-family:var(--mono);letter-spacing:0.5px}
.lt-wp-trend .lt-trend-dot{width:6px;height:6px;border-radius:50%}
.lt-wp-trend .lt-trend-dot.live{background:var(--positive)}
.lt-wp-hero-row{display:flex;align-items:center;gap:24px;margin-bottom:12px}
.lt-wp-leader{display:flex;align-items:center;gap:16px;flex:1;min-width:0}
.lt-wp-leader-pct{font-size:56px;font-weight:900;font-family:var(--mono);color:var(--accent);text-shadow:none;line-height:1}
.lt-wp-leader-info{flex:1;min-width:0}
.lt-wp-leader-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:2px}
.lt-wp-leader-name{font-size:18px;font-weight:900;color:var(--text-primary);margin-bottom:3px}
.lt-wp-leader-verdict{font-size:13px;color:var(--text-secondary);line-height:1.4}
.lt-wp-confidence{height:5px;background:var(--bg-inset);border-radius:3px;overflow:hidden;margin-bottom:6px}
.lt-wp-confidence-fill{height:100%;border-radius:3px;transition:width 0.5s}
.lt-wp-volatility{font-size:10px;font-family:var(--mono);letter-spacing:0.5px;text-transform:uppercase;display:flex;align-items:center;gap:6px;margin-bottom:14px}
.lt-wp-challengers{display:flex;gap:2px;flex:0 0 auto}
.lt-wp-challengers .lt-wp-item{text-align:center;padding:8px 12px;background:var(--bg-inset);border:1px solid var(--border);min-width:68px}
.lt-wp-challengers .lt-wp-item:first-child{border-radius:var(--r2) 0 0 var(--r2)}
.lt-wp-challengers .lt-wp-item:last-child{border-radius:0 var(--r2) var(--r2) 0}
.lt-wp-challengers .lt-wp-item:only-child{border-radius:var(--r2)}
.lt-wp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:10px}
.lt-wp-item{text-align:center;padding:8px 4px;background:var(--bg-inset);border-radius:var(--r2);border:1px solid var(--border)}
.lt-wp-item .lt-wp-name{font-size:11px;color:var(--text-muted);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.lt-wp-item .lt-wp-pct{font-size:20px;font-weight:800;font-family:var(--mono)}

.lt-chart-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);padding:22px 24px;box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:var(--panel-transition)}
.lt-chart-panel:hover{box-shadow:var(--shadow-md)}
.track-map-wrap{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);padding:20px;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:var(--panel-transition)}
.track-map-wrap:hover{box-shadow:var(--shadow-md)}
.track-map-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.track-map-header h3{font-size:12px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-family:var(--mono);margin:0}
.track-map-header .tm-venue{font-size:10px;color:var(--text-muted);font-family:var(--mono)}
.track-map-svg{width:100%;max-height:320px;display:block}
.track-map-svg .tm-track{fill:none;stroke:var(--border);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;opacity:0.3}
.track-map-svg .tm-track-line{fill:none;stroke:var(--text-muted);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0.15;stroke-dasharray:8 6}
.track-map-svg .tm-start-line{stroke:#E11D48;stroke-width:3;opacity:0.6}
.tm-dot{fill-opacity:0.95;transition:fill 0.4s,r 0.3s}
.tm-dot:hover{r:9;filter:drop-shadow(0 0 6px currentColor)}
.tm-dot-label{font-size:7px;font-family:var(--mono);font-weight:800;fill:#fff;pointer-events:none;text-anchor:middle;dominant-baseline:central}
.tm-tooltip{position:absolute;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:11px;font-family:var(--mono);pointer-events:none;opacity:0;transition:opacity 0.2s;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:10;white-space:nowrap}
.tm-tooltip.visible{opacity:1}
.tm-legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;justify-content:center}
.tm-legend-item{font-size:9px;font-family:var(--mono);color:var(--text-muted);display:flex;align-items:center;gap:3px}
.tm-legend-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.lt-chart-panel .lt-ch-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.lt-chart-panel .lt-ch-header h3{font-size:14px;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:0.3px}
.lt-chart-panel .lt-ch-badge{font-size:10px;color:var(--accent);background:var(--accent-dim);padding:4px 10px;border-radius:6px;border:1px solid var(--accent-glow);font-family:var(--mono);font-weight:700;letter-spacing:0.8px}
.lt-chart-panel canvas{width:100%;height:240px;border-radius:8px}
.lt-chart-panel .lt-ch-legend{display:flex;align-items:center;gap:16px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}
.lt-chart-panel .lt-ch-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;font-family:var(--mono);font-weight:600;color:var(--text-secondary);letter-spacing:0.3px}
.lt-chart-panel .lt-ch-legend-dot{width:8px;height:8px;border-radius:50%}
.lt-chart-caption{font-size:12px;color:var(--text-secondary);font-style:italic;margin-top:8px;padding:8px 12px;background:rgba(225,29,72,0.04);border-left:2px solid var(--accent);border-radius:0 var(--r2) var(--r2) 0}
.lt-chart-legend{display:flex;gap:14px;margin-top:10px;flex-wrap:wrap}
.lt-chart-legend .lt-lg-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-secondary);font-family:var(--mono)}
.lt-chart-legend .lt-lg-dot{width:10px;height:10px;border-radius:3px}

.lt-venue-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r3);padding:16px}
.lt-venue-panel h3{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:12px;letter-spacing:0.3px}

.ri-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(11,18,32,0.5);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fadeIn .2s}
.ri-modal{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:18px;width:100%;max-width:860px;max-height:90vh;overflow-y:auto;padding:0;box-shadow:0 24px 80px rgba(0,0,0,0.2),0 0 0 1px rgba(225,29,72,0.08);animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1);position:relative}
.ri-modal::after{content:'';position:sticky;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,var(--bg-surface));pointer-events:none;display:block;z-index:5;border-radius:0 0 18px 18px;flex-shrink:0}
@keyframes modalSlideIn{from{opacity:0;transform:translateY(20px) scale(0.98)}to{opacity:1;transform:none}}
.ri-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px 18px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:1;border-radius:18px 18px 0 0}
.ri-header h2{font-size:22px;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:0.3px}
.ri-header .ri-close{background:var(--bg-inset);border:1px solid var(--border);color:var(--text-muted);font-size:18px;cursor:pointer;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s}
.ri-header .ri-close:hover{background:var(--accent-dim);color:var(--accent);border-color:var(--accent-glow);transform:scale(1.05)}
.ri-body{padding:20px 24px 28px}
.ri-score-row{display:flex;align-items:center;gap:24px;margin-bottom:24px;padding:20px;background:var(--bg-inset);border-radius:var(--glass-radius);border:1px solid var(--glass-border)}
.ri-score-circle{width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px rgba(0,0,0,0.06)}
.ri-score-circle .ri-score-val{font-size:40px;font-weight:900;font-family:var(--mono);line-height:1}
.ri-score-circle .ri-score-lbl{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-top:6px}
.ri-score-summary{flex:1}
.ri-score-summary .ri-grade{font-size:18px;font-weight:800;margin-bottom:6px;letter-spacing:0.5px}
.ri-score-summary .ri-desc{font-size:14px;color:var(--text-secondary);line-height:1.55}
.ri-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}
.ri-metric{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:12px;padding:16px 12px;text-align:center;border-top:3px solid var(--border-bright);transition:var(--panel-transition)}
.ri-metric:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}
.ri-metric .ri-mv{font-size:22px;font-weight:800;color:var(--text-primary);font-family:var(--mono)}
.ri-metric .ri-ml{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-weight:700}
.ri-metric .ri-ms{font-size:12px;color:var(--text-secondary);margin-top:4px}
.ri-section{margin-bottom:16px;overflow:hidden}
.ri-section h4{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border)}
.ri-tip{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:12px;margin-bottom:10px;font-size:14px;line-height:1.55;transition:var(--panel-transition)}
.ri-tip:hover{box-shadow:var(--shadow-sm);transform:translateX(2px)}
.ri-tip .ri-tip-icon{flex-shrink:0;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}
.ri-tip .ri-tip-icon.improve{background:var(--accent-dim);color:var(--accent)}
.ri-tip .ri-tip-icon.warn{background:rgba(255,61,87,0.12);color:var(--negative)}
.ri-tip .ri-tip-icon.good{background:rgba(0,230,118,0.1);color:var(--positive)}
.ri-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ri-venue-table td,.ri-venue-table th{padding:5px 6px;text-align:center;border-bottom:1px solid var(--border)}
.ri-venue-table td:first-child,.ri-venue-table th:first-child{text-align:left}
.res-tile{border:1px solid var(--border);border-radius:var(--r3);margin-bottom:8px;overflow:hidden;background:var(--bg-panel);transition:border-color .15s}
.res-tile:hover,.res-tile.res-tile-open{border-color:var(--border-bright)}
.res-tile-header{display:flex;align-items:center;padding:12px 16px;cursor:pointer;gap:8px;user-select:none}
.res-tile-header:hover{background:rgba(37,99,235,0.03)}
.res-tile-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1;overflow:hidden}
.res-tile-round{color:#FFAB00;font-weight:800;font-size:12px;font-family:var(--mono);flex-shrink:0;min-width:28px}
.res-tile-name{color:#E11D48;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.res-tile-meta{color:var(--text-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.res-tile-right{display:flex;align-items:center;gap:6px;flex-shrink:0;max-width:50%}
.res-tile-winner{color:var(--text-secondary);font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
.res-tile-badges{display:flex;gap:3px;flex-wrap:nowrap;overflow:hidden}
.res-tile-arrow{color:var(--text-muted);font-size:14px;transition:transform .15s;flex-shrink:0}
.res-tile-open .res-tile-arrow{transform:rotate(90deg)}
.res-tile-body{padding:0 16px 16px}
.res-tile-hidden{display:none!important}
.res-rider-match{background:rgba(225,29,72,0.10);border-radius:2px}
.res-search-wrap{position:relative;margin-bottom:10px}
.res-search-wrap input{width:100%;padding:8px 32px 8px 10px;border:1px solid var(--border);border-radius:var(--r3);background:var(--bg-card);color:var(--text-primary);font-size:13px;font-family:inherit}
.res-search-wrap input:focus{border-color:var(--accent);outline:none}
.res-search-wrap .res-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--text-muted);font-size:16px;display:none}
.bracket-wrap{overflow-x:auto;padding:16px 0}
.bracket-region{margin-bottom:32px}
.bracket-region-title{font-size:18px;font-weight:800;color:var(--accent);letter-spacing:1px;margin-bottom:14px;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.bracket-round-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-bottom:8px;text-align:center}
.bracket-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start}
.bracket-col{display:flex;flex-direction:column;gap:8px}
.bracket-game{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r3);overflow:hidden;font-size:12px;transition:border-color .15s}
.bracket-game:hover{border-color:rgba(199,116,232,0.3)}
.bracket-game.upset-game{border-color:rgba(255,61,87,0.3)}
.bracket-game.close-game{border-color:rgba(255,171,0,0.3)}
.bracket-team{display:flex;align-items:center;gap:6px;padding:6px 10px;border-bottom:1px solid var(--border)}
.bracket-team:last-child{border-bottom:none}
.bracket-team.winner{background:rgba(0,230,118,0.06)}
.bracket-team.loser{opacity:0.5}
.bracket-seed{font-size:10px;font-weight:800;color:var(--text-muted);min-width:18px;text-align:center;font-family:var(--mono)}
.bracket-logo{width:20px;height:20px;border-radius:2px;object-fit:contain}
.bracket-tname{font-weight:700;color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.bracket-pct{font-family:var(--mono);font-size:10px;font-weight:700;min-width:38px;text-align:right}
.bracket-pct.fav{color:#00E676}
.bracket-pct.dog{color:#FF3D57}
.bracket-champ{text-align:center;padding:24px;background:var(--bg-panel);border:1px solid rgba(255,171,0,0.3);border-radius:var(--r3);margin-top:16px}
.bracket-champ img{width:56px;height:56px;margin-bottom:8px}
.bracket-champ h2{color:#FFAB00;font-size:18px;margin:0;font-weight:800;letter-spacing:-0.3px}
.bracket-champ .champ-sub{color:var(--text-muted);font-size:12px;margin-top:4px}
.champ-analysis{margin-top:16px;text-align:left;max-width:500px;margin-left:auto;margin-right:auto}
.champ-analysis-title{font-size:10px;font-weight:800;color:#FFAB00;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;text-align:center}
.champ-reason{display:flex;align-items:flex-start;gap:8px;padding:5px 0;font-size:12px;color:var(--text-secondary);line-height:1.4}
.champ-reason-dot{width:6px;height:6px;border-radius:50%;background:#FFAB00;flex-shrink:0;margin-top:5px}
.bg-analysis{padding:10px 12px;border-top:1px solid var(--border);background:var(--bg-surface)}
.bg-analysis-header{font-size:9px;font-weight:800;color:#E11D48;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px}
.bg-matchup-stats{display:grid;grid-template-columns:1fr;gap:0}
.bg-stat-row{display:grid;grid-template-columns:60px 1fr 1fr;gap:4px;padding:3px 0;font-size:11px;border-bottom:1px solid var(--border)}
.bg-sl{color:var(--text-muted);font-size:10px;font-weight:600}
.bg-sv{color:var(--text-secondary);font-family:var(--mono);text-align:center;font-size:11px}
.bg-sv.bg-w{color:#00E676;font-weight:700}
.bg-factors{margin-top:8px;padding-top:6px;border-top:1px solid var(--border)}
.bg-factor{font-size:10px;color:var(--text-secondary);padding:2px 0;padding-left:10px;border-left:2px solid #E11D48;margin-bottom:4px;line-height:1.4}
.bracket-ff{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px}
.bracket-upset-list{margin-top:16px}
.bracket-upset-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-panel);border:1px solid rgba(255,61,87,0.15);border-radius:var(--r3);margin-bottom:6px;font-size:12px}
.bracket-power-bar{height:3px;border-radius:2px;margin-top:2px;background:var(--border)}
.bracket-power-fill{height:100%;border-radius:2px;background:#E11D48}
.bracket-btn{background:var(--bg-panel);color:var(--text-secondary);border:1px solid var(--border);padding:8px 14px;border-radius:var(--r3);font-weight:700;font-size:11px;cursor:pointer;letter-spacing:0.3px;display:flex;align-items:center;gap:6px;font-family:var(--mono);transition:all .2s}
.bracket-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}
.bracket-venue{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;text-align:center;margin-bottom:3px;font-weight:600;opacity:0.7}
.bracket-travel{font-size:8px;font-family:var(--mono);font-weight:700;padding:1px 4px;border-radius:3px;white-space:nowrap;flex-shrink:0}
.bracket-travel.home{color:#00E676;background:rgba(0,230,118,0.12)}
.bracket-travel.short{color:#2563EB;background:rgba(93,162,255,0.1)}
.bracket-travel.mid{color:var(--text-muted);background:var(--bg-inset)}
.bracket-travel.long{color:#FFAB00;background:rgba(255,171,0,0.12)}
.bracket-travel.xlong{color:#FF3D57;background:rgba(255,61,87,0.12)}
.bracket-mode-toggle{position:relative;width:52px;height:28px;background:var(--progress-track);border:1px solid var(--border);border-radius:14px;cursor:pointer;flex-shrink:0;transition:background .3s,border-color .3s,box-shadow .3s;-webkit-tap-highlight-color:transparent}
.bracket-mode-toggle.is-live{background:#E11D48;border-color:#E11D48;box-shadow:0 0 12px rgba(225,29,72,0.4)}
.bracket-mode-toggle .bmt-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.4,.0,.2,1);box-shadow:0 1px 4px rgba(0,0,0,0.3)}
.bracket-mode-toggle.is-live .bmt-knob{transform:translateX(24px)}
.bracket-mode-toggle .bmt-label{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;font-size:8px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-family:var(--mono);pointer-events:none;padding:0 7px}
.bracket-mode-toggle:not(.is-live) .bmt-label{justify-content:flex-end;color:var(--text-muted)}
.bracket-mode-toggle.is-live .bmt-label{justify-content:flex-start;color:var(--text-primary)}
.bracket-scorecard{background:var(--bg-panel);border:2px solid #E11D48;border-radius:var(--r3);padding:16px;margin-bottom:16px}
.bsc-title{font-size:11px;font-weight:800;color:#E11D48;letter-spacing:1.5px;text-transform:uppercase;text-align:center;margin-bottom:12px}
.bracket-game.correct-pick{border-color:rgba(74,222,128,0.4);border-left:3px solid #4ade80}
.bracket-game.wrong-pick{border-color:rgba(255,61,87,0.4);border-left:3px solid #FF3D57}
.bracket-game.live-game{border-color:rgba(225,29,72,0.5);border-left:3px solid #E11D48;animation:live-pulse 2s ease-in-out infinite}
@keyframes live-pulse{0%,100%{box-shadow:0 0 0 0 rgba(225,29,72,0)}50%{box-shadow:0 0 12px 2px rgba(225,29,72,0.15)}}
.bracket-result-badge{position:absolute;top:4px;right:6px;font-size:8px;font-weight:800;font-family:var(--mono);letter-spacing:0.5px;padding:2px 6px;border-radius:3px;text-transform:uppercase;z-index:1}
.bracket-result-badge.correct{background:rgba(74,222,128,0.15);color:#4ade80}
.bracket-result-badge.wrong{background:rgba(255,61,87,0.15);color:#FF3D57}
.bracket-result-badge.live-now{background:rgba(225,29,72,0.12);color:#E11D48}
.bracket-game{position:relative}
.bracket-score{font-family:var(--mono);font-size:12px;font-weight:800;min-width:28px;text-align:right;color:var(--text-primary)}
.bracket-score.live-score{color:#E11D48}
.bracket-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.bracket-stat-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r3);padding:14px;text-align:center}
.bracket-stat-card .bsc-val{font-size:24px;font-weight:800;color:#E11D48;font-family:var(--mono)}
.bracket-stat-card .bsc-lbl{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;margin-top:4px}
.res-session{margin-top:12px}
.res-session-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.ri-stat-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:8px;font-size:13px;transition:var(--panel-transition)}
.ri-stat-item:hover{box-shadow:var(--shadow-sm)}
.ri-stat-item .ri-sl{color:var(--text-secondary);font-weight:500}
.ri-stat-item .ri-sv{font-weight:700;color:var(--text-primary);font-family:var(--mono)}
.ri-champ-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}
.ri-champ-badge{background:#FFF7ED;color:#C2410C;border:1px solid #FDBA74;padding:2px 7px;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:0.04em}
.ri-hero{display:flex;align-items:stretch;gap:0;margin-bottom:0;padding:0;background:var(--bg-surface);border-bottom:1px solid var(--border);position:relative;z-index:0}
.ri-hero-stats{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.ri-hero-stat{text-align:center;border-right:1px solid var(--border);padding:10px 4px}
.ri-hero-stat:nth-child(3n){border-right:none}
.ri-hero-stat .ri-hs-val{font-size:15px;font-weight:700;color:var(--text-primary);font-family:var(--mono)}
.ri-hero-stat .ri-hs-lbl{font-size:9px;color:var(--text-muted);margin-top:2px;text-transform:uppercase;letter-spacing:.04em}
.ri-hero-ring{width:72px;border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;padding:10px 0;position:relative}
.ri-hero-ring canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.ri-hero-ring-inner{text-align:center;z-index:1}
.ri-hero-ring-inner .ri-hr-val{font-size:13px;font-weight:800;font-family:var(--mono);line-height:1}
.ri-hero-ring-inner .ri-hr-lbl{font-size:7px;color:var(--text-muted);margin-top:2px;letter-spacing:.04em;font-weight:600}
.ri-race-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--border)}
.ri-rm-cell{padding:10px 8px;text-align:center;border-right:1px solid var(--border)}
.ri-hero-strip{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,rgba(225,29,72,0.03),rgba(37,99,235,0.03))}
.ri-hero-score{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ri-hero-grade{flex:1;min-width:0}
.ri-key-stats{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid var(--border)}
.ri-key-stats.ri-ks-4{grid-template-columns:1fr 1fr 1fr 1fr}
.ri-ks-cell{padding:12px 10px;text-align:center;border-right:1px solid var(--border)}
.ri-ks-cell:last-child{border-right:none}
.ri-ks-value{font-size:20px;font-weight:800;font-family:var(--mono);color:var(--text-primary);line-height:1.2}
.ri-ks-label{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-top:3px}
.ri-rm-val{font-size:15px;font-weight:700;color:var(--text-primary);font-family:var(--mono)}
.ri-rm-lbl{font-size:8px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}
.ri-season-bar{display:flex;align-items:center;gap:10px;padding:4px 0;border-bottom:1px solid var(--border);font-size:13px}
.ri-season-bar:last-child{border-bottom:none}
.ri-season-yr{font-family:var(--mono);width:36px;flex-shrink:0;font-size:11px;color:var(--text-secondary)}
.ri-season-track{flex:1;height:8px;background:var(--bg-inset);border-radius:3px;overflow:hidden;position:relative}
.ri-season-meta{font-size:10px;color:var(--text-secondary);text-align:right;min-width:50px;font-family:var(--mono)}
.ri-class-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border);font-size:13px}
.ri-class-row:last-child{border-bottom:none}
.ri-class-name{width:70px;font-weight:700;color:var(--text-primary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ri-class-bar{flex:1;height:8px;background:var(--bg-inset);border-radius:3px;overflow:hidden}
.ri-class-stat{font-size:10px;color:var(--text-secondary);min-width:40px;text-align:right;font-family:var(--mono)}
.ri-recent-tbl{width:100%;border-collapse:collapse;font-size:13px}
.ri-recent-tbl th{text-align:left;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:700;padding:0 10px 10px;border-bottom:2px solid var(--border)}
.ri-recent-tbl td{padding:10px;border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle}
.ri-pos-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}
.ri-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);padding:0 28px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-bottom:20px}
.ri-tab{padding:12px 18px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;margin-bottom:-2px;letter-spacing:0.3px}
.ri-tab:hover{color:var(--text-primary);background:rgba(37,99,235,0.03)}
.ri-tab.active{color:#E11D48;border-bottom-color:#E11D48;font-weight:700}
.ri-tab-content{display:none;padding:16px 28px}
.ri-tab-content.active{display:block}
.rider-link{color:var(--text-primary);cursor:pointer;transition:color .1s;text-decoration:none;font-weight:700}
.rider-link:hover{color:var(--accent)}
.lt-venue-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--border);font-size:14px}
.lt-venue-row:last-child{border-bottom:none}
.lt-venue-row .lt-vl{color:var(--text-secondary);font-size:13px}
.lt-venue-row .lt-vv{font-weight:700;color:var(--text-primary);font-family:var(--mono)}
.lt-venue-row .lt-vv.high{color:var(--negative)}
.lt-venue-row .lt-vv.med{color:#FFAB00}
.lt-venue-row .lt-vv.low{color:var(--positive)}

.lt-strategy-panel{background:transparent;padding:0}
.lt-strategy-panel h3{font-size:11px;font-weight:800;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:2px}
.lt-insight-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.lt-insight-row::-webkit-scrollbar{display:none}

.lt-insight-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);padding:14px 18px;flex:1;min-width:220px;max-width:none;display:flex;align-items:flex-start;gap:12px;transition:all .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm)}
.lt-insight-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}
.lt-insight-card.gaining{border-left:3px solid #00E676}
.lt-insight-card.falling{border-left:3px solid #FF3D57}
.lt-insight-card.neutral{border-left:3px solid #2563EB}
.lt-insight-card .lt-ins-headline{font-size:13px;font-weight:800;color:var(--text-primary);margin-bottom:2px}
.lt-insight-card .lt-ins-text{flex:1;font-size:12px;line-height:1.4}
.lt-insight-card .lt-ins-text .lt-ins-rider{font-weight:700;color:var(--text-primary)}
.lt-insight-card .lt-ins-text .lt-ins-detail{color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lt-insight-card .lt-ins-text .lt-ins-highlight{color:var(--accent);font-weight:700;font-family:var(--mono)}
.lt-insight-card .lt-ins-text .lt-ins-warn{color:var(--negative);font-weight:600}
.lt-insight-card .lt-ins-impact{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:2px 6px;border-radius:3px;margin-top:3px;display:inline-block}
.lt-insight-card .lt-ins-impact.high{background:rgba(255,61,87,0.1);color:#FF3D57}
.lt-insight-card .lt-ins-impact.medium{background:rgba(255,171,0,0.1);color:#FFAB00}
.lt-insight-card .lt-ins-impact.low{background:rgba(93,162,255,0.1);color:#2563EB}
.lt-insight-ring{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--accent);flex-shrink:0;position:relative;font-family:var(--mono)}
.lt-insight-ring svg{position:absolute;inset:0}

.lt-collapsible{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);overflow:hidden;box-shadow:var(--shadow-sm)}
.lt-collapsible-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;user-select:none;transition:background .15s}
.lt-collapsible-header:hover{background:rgba(37,99,235,0.03)}
.lt-collapsible-header h3{font-size:12px;font-weight:700;color:var(--text-muted);margin:0;text-transform:uppercase;letter-spacing:1.5px}
.lt-collapsible-header .lt-caret{width:16px;height:16px;color:var(--text-muted);transition:transform .2s;flex-shrink:0}
.lt-collapsible-header.open .lt-caret{transform:rotate(180deg)}
.lt-collapsible-body{padding:0 16px 16px;display:none}
.lt-collapsible-body.open{display:block}

.lt-pass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);padding:18px 20px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);transition:var(--panel-transition)}
.lt-pass-panel:hover{box-shadow:var(--shadow-md)}
.lt-pass-panel h3{font-size:13px;font-weight:700;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:1.5px}
.lt-pass-card{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:10px;padding:14px 18px;margin-bottom:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}
.lt-pass-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}
.lt-pass-card .lt-pass-title{font-size:13px;font-weight:700;margin-bottom:4px}
.lt-pass-card .lt-pass-detail{font-size:12px;color:var(--text-muted);font-family:var(--mono)}

.lt-track-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r3);padding:16px}
.lt-track-panel h3{font-size:13px;font-weight:700;color:var(--text-muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:1.5px}
.lt-track-panel .lt-tk-title{font-size:12px;color:var(--text-muted);margin-bottom:8px;font-family:var(--mono)}

.lt-hist-leader{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;border-bottom:1px solid var(--border)}
.lt-hist-leader:last-child{border-bottom:none}
.lt-hist-leader .lt-hl-pos{width:20px;color:var(--text-muted);font-weight:700;font-family:var(--mono);font-size:12px}
.lt-hist-leader .lt-hl-name{flex:1;font-weight:700;font-size:13px}
.lt-hist-leader .lt-hl-time{color:var(--text-muted);font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:12px}

.lt-h2h-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);padding:18px 20px;border-top:3px solid #E11D48;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);transition:var(--panel-transition)}
.lt-h2h-panel:hover{box-shadow:var(--shadow-md)}
.lt-h2h-panel h3{font-size:12px;font-weight:800;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:2px}
.lt-h2h-verdict{font-size:12px;font-weight:700;padding:10px 12px;background:rgba(225,29,72,0.06);border:1px solid rgba(225,29,72,0.2);border-radius:8px;color:#E11D48;text-align:center;margin-top:12px}
.lt-h2h-selects{display:flex;gap:8px;margin-bottom:14px}
.lt-h2h-selects select{flex:1;background:var(--bg-inset);border:1px solid var(--border);color:var(--text-primary);padding:7px 8px;border-radius:var(--r2);font-size:13px;font-family:inherit}
.lt-h2h-selects select:focus{border-color:#E11D48;outline:none}
.lt-h2h-vs-row{display:flex;align-items:center;gap:6px;margin-bottom:12px}
.lt-h2h-side{flex:1;text-align:center;padding:10px 6px;border-radius:var(--r2);background:var(--bg-inset)}
.lt-h2h-side .h2h-rider-name{font-size:13px;font-weight:700;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lt-h2h-side .h2h-rider-pos{font-size:26px;font-weight:900;font-family:var(--mono)}
.lt-h2h-side .h2h-rider-lbl{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px}
.lt-h2h-vs-pip{font-size:9px;font-weight:900;color:#E11D48;background:var(--bg-inset);border:1px solid #E11D48;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.lt-h2h-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.lt-h2h-stat{background:var(--bg-inset);border-radius:var(--r2);padding:8px 10px;text-align:center}
.lt-h2h-stat .lhs-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:3px}
.lt-h2h-stat .lhs-val{font-size:15px;font-weight:700;font-family:var(--mono)}
.lt-h2h-gap-bar{height:8px;border-radius:4px;background:var(--bg-inset);overflow:hidden;margin-bottom:10px;display:flex}
.lt-h2h-gap-bar .gb-a{background:#E11D48;transition:width .3s}
.lt-h2h-gap-bar .gb-b{background:#2563EB;transition:width .3s}
.lt-h2h-trend{display:flex;gap:4px;flex-wrap:wrap}
.lt-h2h-trend .ht-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}

.sp-scoreboard{background:linear-gradient(180deg, var(--bg-surface) 0%, var(--bg-panel) 100%);border:1px solid var(--border);border-radius:12px;padding:32px 32px 24px;margin-bottom:12px;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}
.sp-scoreboard::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--sb-home-color,var(--accent)) 0%,var(--sb-home-color,var(--accent)) 45%,transparent 50%,var(--sb-away-color,var(--info)) 55%,var(--sb-away-color,var(--info)) 100%);opacity:0.9}
.sp-scoreboard::after{content:'';position:absolute;top:6px;left:0;right:0;height:100%;background:linear-gradient(90deg,var(--sb-home-color,var(--accent)) 0%,transparent 30%,transparent 70%,var(--sb-away-color,var(--info)) 100%);opacity:0.04;pointer-events:none}
.sp-scoreboard .sp-matchup{display:flex;align-items:center;justify-content:center;gap:24px;position:relative;z-index:1}
.sp-scoreboard .sp-team{display:flex;align-items:center;gap:20px;min-width:0;flex:1}
.sp-scoreboard .sp-team.sp-away{flex-direction:row-reverse;text-align:right}
.sp-scoreboard .sp-team-logo{width:80px;height:80px;flex-shrink:0;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.15));transition:transform .3s ease}
.sp-scoreboard .sp-team-logo:hover{transform:scale(1.05)}
.sp-scoreboard .sp-team-info{min-width:0}
.sp-scoreboard .sp-team-name{font-size:22px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0.5px}
.sp-tn-abbr{display:none}
.sp-scoreboard .sp-team-record{font-size:12px;color:var(--text-muted);font-family:var(--mono);margin-top:4px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase}
.sp-scoreboard .sp-score-block{text-align:center;flex-shrink:0;padding:0 32px}
.sp-scoreboard .sp-score{font-size:72px;font-weight:900;letter-spacing:0;font-family:var(--mono);line-height:1;font-variant-numeric:tabular-nums;color:var(--text-primary);text-shadow:0 2px 10px rgba(0,0,0,0.05)}
.sp-scoreboard .sp-vs{font-size:16px;color:var(--text-muted);font-weight:800;margin:0 12px;opacity:0.5}
.sp-scoreboard .sp-status{font-size:13px;color:var(--text-secondary);margin-top:8px;white-space:nowrap;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.sp-scoreboard .sp-venue{text-align:center;font-size:11px;color:var(--text-muted);margin-top:12px;font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;font-weight:600}
.sp-scoreboard .sp-game-state-strip{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(0,0,0,0.06);font-size:12px;background:var(--bg-inset);border-radius:8px;padding:12px 24px}
.sp-scoreboard .sp-gss-item{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-weight:600}
.sp-scoreboard .sp-gss-item svg{width:16px;height:16px;flex-shrink:0;opacity:0.7}
.sp-scoreboard .sp-gss-val{font-weight:800;font-family:var(--mono);color:var(--text-primary);font-size:13px}
.sp-scoreboard .sp-live-pulse{width:10px;height:10px;border-radius:50%;position:relative;display:inline-block;background:var(--accent)}
.sp-scoreboard .sp-live-pulse::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--accent);animation:livePulseRing 1.5s ease-out infinite;opacity:0}
@keyframes livePulseRing{0%{transform:scale(0.8);opacity:0.8}100%{transform:scale(1.6);opacity:0}}

.sp-game-info-tile{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:0;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);overflow:hidden}
.sp-game-info-tile .sp-linescore,.sp-game-info-tile .sp-insight-box,.sp-game-info-tile .sp-situation,.sp-game-info-tile .sp-odds{background:none;border:none;border-radius:0;padding:16px;margin:0}
.sp-game-info-tile .sp-linescore{border-bottom:1px solid var(--border);background:var(--bg-panel)}
.sp-game-info-tile .sp-insight-box{border-bottom:1px solid var(--border);background:linear-gradient(to right, rgba(0,230,118,0.03), transparent);position:relative}
.sp-game-info-tile .sp-insight-box::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#00E676}
.sp-game-info-tile .sp-situation{border-bottom:1px solid var(--border)}
.sp-game-info-tile .sp-linescore td:first-child,.sp-game-info-tile .sp-linescore th:first-child{background:transparent}
.sp-linescore{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:16px;overflow-x:auto;overflow-y:visible}
.sp-linescore table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums;font-family:var(--mono);white-space:nowrap}
.sp-linescore th{padding:8px 10px;color:var(--text-muted);font-weight:700;text-align:center;border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:1px;font-size:10px}
.sp-linescore td{padding:10px;text-align:center;border-bottom:1px solid rgba(0,0,0,0.04)}
.sp-linescore tr:last-child td{border-bottom:none}
.sp-linescore td:first-child,.sp-linescore th:first-child{text-align:left;font-weight:800;color:var(--text-primary);min-width:60px;font-family:var(--sans);position:sticky;left:0;background:var(--bg-panel);z-index:1;box-shadow:2px 0 4px -2px rgba(0,0,0,0.05)}
.sp-linescore td.active-period{background:rgba(225,29,72,0.05);color:var(--accent);font-weight:800;border-radius:4px}
.sp-linescore td.total{font-weight:900;font-size:15px;color:var(--accent);background:var(--bg-inset);border-radius:4px}

.sp-leaders{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:var(--shadow-sm)}
.sp-leaders h3{font-size:12px;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-weight:800;display:flex;align-items:center;gap:8px;border-bottom:2px solid var(--border);padding-bottom:10px}
.sp-leader-row{display:flex;align-items:center;gap:12px;padding:10px;border-bottom:1px solid rgba(0,0,0,0.04);font-size:12px;border-radius:8px;transition:all .2s ease;cursor:default;position:relative;border-left:3px solid transparent}
.sp-leader-row:last-child{border-bottom:none}
.sp-leader-row:hover{background:var(--bg-inset);transform:translateX(4px);border-left-color:var(--accent);box-shadow:0 2px 8px rgba(0,0,0,0.04)}
.sp-leader-row .sp-lr-cat{width:36px;color:#fff;background:var(--text-secondary);font-weight:800;flex-shrink:0;text-transform:uppercase;font-size:9px;letter-spacing:1px;font-family:var(--mono);padding:4px 0;border-radius:12px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,0.1)}
.sp-leader-row .sp-lr-info{flex:1;min-width:0}
.sp-leader-row .sp-lr-name{font-weight:800;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}
.sp-leader-row .sp-lr-trend{display:inline-flex;align-items:center;margin-left:6px;opacity:0.8}
.sp-leader-row .sp-lr-trend svg{width:14px;height:14px}
.sp-leader-row .sp-lr-impact{font-size:18px;font-weight:900;font-family:var(--mono);flex-shrink:0;min-width:40px;text-align:right;color:var(--text-primary)}
.sp-clickable{cursor:pointer;transition:color .15s,text-decoration .15s}.sp-clickable:hover{text-decoration:underline;text-decoration-color:var(--accent);filter:brightness(1.3)}
.pd-modal{max-width:640px!important}
.pd-card-top{position:relative;border-radius:var(--r4) var(--r4) 0 0;overflow:hidden;padding:0}
.pd-card-banner{padding:20px 20px 16px;position:relative;z-index:1}
.pd-card-close{position:absolute;top:12px;right:12px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);font-size:16px;cursor:pointer;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .15s;box-shadow:var(--shadow-sm)}
.pd-card-close:hover{background:rgba(255,61,87,0.3);border-color:rgba(255,61,87,0.5);color:#fff}
.pd-card-identity{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.pd-headshot{width:56px;height:56px;border-radius:50%;border:3px solid;object-fit:cover;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,0.4)}
.pd-card-name{font-size:22px;font-weight:900;color:var(--text-primary);line-height:1.1;letter-spacing:-0.3px}
.pd-card-meta{font-size:11px;font-weight:600;margin-top:4px;letter-spacing:0.5px}
.pd-card-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:0 0 14px}
.pd-card-stats-row{display:flex;align-items:center;gap:16px}
.pd-impact-score{flex-shrink:0;text-align:center}
.pd-impact-ring{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pd-impact-inner{width:42px;height:42px;border-radius:50%;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;color:var(--text-primary);font-family:var(--mono)}
.pd-impact-meta{flex:1;min-width:0}
.pd-grade{font-size:16px;font-weight:800;letter-spacing:0.5px}
.pd-card-summary{font-size:12px;color:var(--text-secondary);margin-top:3px}
.pd-analysis-box{background:var(--bg-inset);border-radius:var(--r3);padding:10px 14px;margin-bottom:14px}
.pd-hero-row{display:flex;gap:6px;margin-bottom:14px}
.pd-hero-card{flex:1;background:var(--bg-inset);border-radius:var(--r3);padding:10px 6px 8px;text-align:center;min-width:0}
.pd-hero-val{font-size:22px;font-weight:900;font-family:var(--mono);line-height:1}
.pd-hero-bar{height:3px;background:var(--progress-track);border-radius:2px;margin:6px 0 4px;overflow:hidden}
.pd-hero-label{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-eff-row{display:flex;justify-content:center;gap:24px;padding:8px 0}
.pd-eff-item{text-align:center}
.pd-stat-bars{display:flex;flex-direction:column;gap:6px}
.pd-bar-item{display:flex;align-items:center;gap:8px}
.pd-bar-label{font-size:10px;color:var(--text-muted);width:70px;text-align:right;flex-shrink:0}
.pd-bar-track{flex:1;height:8px;background:var(--bg-inset);border-radius:4px;overflow:hidden;position:relative}
.pd-bar-fill{height:100%;border-radius:4px;transition:width .5s}
.pd-bar-val{font-size:11px;font-weight:800;min-width:44px;text-align:right;font-family:var(--mono);white-space:nowrap;overflow:visible;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:2px}
.sp-leader-row .sp-lr-val{font-size:10px;color:var(--text-muted);font-family:var(--mono);margin-top:2px;font-variant-numeric:tabular-nums}
.sp-leader-row .sp-lr-val span{font-weight:700;margin-right:2px}
.sp-clock-display{display:flex;align-items:center;gap:2px}

.sp-top-performers{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:var(--shadow-sm)}
.sp-top-performers h3{font-size:12px;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-weight:800;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--border);padding-bottom:10px}
.sp-top-performers h3 .tp-badge{font-size:9px;background:var(--accent);color:#fff;padding:4px 8px;border-radius:12px;letter-spacing:1px;font-weight:800;box-shadow:0 2px 4px rgba(225,29,72,0.3)}
.sp-tp-row{display:flex;align-items:center;gap:12px;padding:12px 10px;border-bottom:1px solid rgba(0,0,0,0.04);position:relative;border-radius:8px;transition:all .2s ease;border-left:3px solid transparent}
.sp-tp-row:last-child{border-bottom:none}
.sp-tp-row:hover{background:var(--bg-inset);transform:translateX(4px);border-left-color:var(--accent);box-shadow:0 2px 8px rgba(0,0,0,0.04)}
.sp-tp-row:nth-child(1){background:linear-gradient(90deg, rgba(255,215,0,0.05), transparent);border-left-color:#FFD700}
.sp-tp-row:nth-child(1):hover{background:linear-gradient(90deg, rgba(255,215,0,0.1), transparent)}
.sp-tp-rank{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;flex-shrink:0;font-family:var(--mono);background:var(--bg-panel);color:var(--text-muted);border:1px solid var(--border)}
.sp-tp-row:nth-child(1) .sp-tp-rank{background:#FFD700;color:#000;border-color:#F5C700;box-shadow:0 2px 4px rgba(255,215,0,0.3)}
.sp-tp-headshot{width:44px;height:44px;border-radius:50%;border:2px solid var(--border-bright);object-fit:cover;flex-shrink:0;background:var(--bg-inset);box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.sp-tp-row:nth-child(1) .sp-tp-headshot{border-color:#FFD700}
.sp-tp-info{flex:1;min-width:0}
.sp-tp-name{font-size:14px;font-weight:800;display:flex;align-items:center;gap:8px;color:var(--text-primary)}
.sp-tp-name .tp-team{font-size:9px;color:var(--text-secondary);font-weight:700;padding:2px 6px;background:var(--bg-panel);border-radius:4px;border:1px solid var(--border)}
.sp-tp-stats{font-size:11px;color:var(--text-secondary);font-family:var(--mono);margin-top:4px;font-variant-numeric:tabular-nums;font-weight:500}
.sp-tp-analysis{font-size:10px;color:var(--accent);margin-top:4px;font-style:italic;font-weight:600}
.sp-tp-impact{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end}
.sp-tp-impact .tp-score{font-size:24px;font-weight:900;font-family:var(--mono);color:var(--text-primary);line-height:1}
.sp-tp-impact .tp-label{font-size:8px;text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;font-weight:700;margin-top:2px}
.sp-tp-trend{display:inline-flex;align-items:center;margin-left:4px}
.sp-tp-trend svg{width:14px;height:14px}

.sp-roster{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:var(--shadow-sm)}
.sp-roster h3{font-size:12px;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-weight:800;border-bottom:2px solid var(--border);padding-bottom:10px}
.sp-roster-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border);padding-bottom:8px}
.sp-roster-tab{padding:8px 16px;font-size:11px;font-weight:800;cursor:pointer;border:none;background:var(--bg-inset);color:var(--text-secondary);border-radius:6px;transition:all .2s ease;letter-spacing:0.5px;text-transform:uppercase}
.sp-roster-tab.active{background:var(--text-primary);color:var(--bg-surface);box-shadow:0 2px 4px rgba(0,0,0,0.1)}
.sp-roster-tab:hover:not(.active){background:var(--border);color:var(--text-primary)}
.sp-roster-grid{display:grid;grid-template-columns:1fr;gap:8px}
.sp-roster-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid var(--border);background:var(--bg-surface)}
.sp-roster-row:hover{background:var(--bg-inset);border-color:var(--border-bright);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.05)}
.sp-roster-row img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--bg-panel);flex-shrink:0;border:2px solid var(--border-bright)}
.sp-roster-row .roster-info{flex:1;min-width:0}
.sp-roster-row .roster-name{font-size:13px;font-weight:800;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-roster-row .roster-meta{font-size:10px;color:var(--text-muted);font-family:var(--mono);margin-top:2px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-roster-row .roster-stats{font-size:11px;color:var(--text-primary);font-family:var(--mono);text-align:right;white-space:nowrap;font-weight:700;background:var(--bg-inset);padding:4px 8px;border-radius:6px;flex-shrink:0}
.player-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,0.4);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.player-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;max-width:520px;width:100%;max-height:85vh;overflow-y:auto;position:relative;animation:slideUp .25s;box-shadow:var(--shadow-lg)}
.player-modal::after{content:'';position:sticky;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,var(--bg-card));pointer-events:none;display:block;border-radius:0 0 14px 14px}
.player-modal .pm-scroll-hint{position:sticky;bottom:4px;left:0;right:0;text-align:center;pointer-events:none;z-index:5;opacity:0;transition:opacity .3s}
.player-modal .pm-scroll-hint span{display:inline-flex;align-items:center;gap:4px;font-size:9px;color:var(--text-muted);font-family:var(--mono);letter-spacing:.5px;background:var(--bg-card);padding:2px 10px;border-radius:10px;border:1px solid var(--border);opacity:.85}
.player-modal-header{display:flex;align-items:center;gap:14px;padding:20px 20px 16px;border-bottom:1px solid var(--border)}
.player-modal-header img{width:64px;height:64px;border-radius:50%;object-fit:cover;background:var(--bg-inset);border:2px solid var(--border)}
.player-modal-header .pm-info{flex:1;min-width:0}
.player-modal-header .pm-name{font-size:18px;font-weight:800;color:var(--text-primary);letter-spacing:-0.3px}
.player-modal-header .pm-sub{font-size:11px;color:var(--text-muted);font-family:var(--mono);margin-top:2px}
.player-modal-close{position:sticky;top:0;float:right;z-index:10;background:rgba(22,27,40,0.9);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:10px 10px -32px auto;transition:all .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.player-modal-close:hover{color:#fff;background:rgba(255,61,87,0.3);border-color:rgba(255,61,87,0.5)}
.pm-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:16px 20px;background:var(--bg-panel);margin:0}
.pm-stat-cell{text-align:center;padding:10px 4px;background:var(--bg-card);border-radius:6px}
.pm-stat-cell .pm-stat-val{font-size:16px;font-weight:800;color:var(--text-primary);font-family:var(--mono)}
.pm-stat-cell .pm-stat-lbl{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;margin-top:2px}
.pm-section{padding:12px 20px}
.pm-section-title{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-bottom:8px}
.pm-detail-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border);font-size:12px}
.pm-detail-row:last-child{border-bottom:none}
.pm-detail-row .pm-dl{color:var(--text-muted)}
.pm-detail-row .pm-dv{color:var(--text-primary);font-family:var(--mono);font-weight:600}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes aiPulse{0%{opacity:0.4}50%{opacity:1}100%{opacity:0.4}}
@keyframes aiShimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.ai-intel-panel{background:linear-gradient(135deg, rgba(255,255,255,1) 0%, var(--bg-panel) 100%);border:1px solid var(--border);border-radius:12px;padding:24px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}
.ai-intel-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(37,99,235,0.4),rgba(225,29,72,0.4),transparent);background-size:200% 100%;animation:aiShimmer 4s linear infinite;opacity:0.7}
.ai-intel-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.ai-intel-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:900;letter-spacing:2px;text-transform:uppercase;padding:0;border-radius:4px;position:relative;color:var(--text-primary)}
.chaos-ai-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;position:relative;flex-shrink:0}
.chaos-ai-icon .c-ring{position:absolute;border-radius:50%;border:2px solid transparent}
.chaos-ai-icon .c-ring.r1{inset:0;border-top-color:#E11D48;border-right-color:rgba(225,29,72,0.25);animation:caiSpin 1.6s cubic-bezier(.45,.05,.55,.95) infinite}
.chaos-ai-icon .c-ring.r2{inset:6px;border-bottom-color:#2563EB;border-left-color:rgba(37,99,235,0.2);animation:caiSpin 2.2s cubic-bezier(.45,.05,.55,.95) infinite reverse}
.chaos-ai-icon .c-ring.r3{inset:11px;border-top-color:#94A3B8;animation:caiSpin 3s linear infinite}
.chaos-ai-icon::before{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:#E11D48;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0.6}
.chaos-ai-icon::after{content:'';position:absolute;inset:-1px;border-radius:50%;background:radial-gradient(circle,rgba(225,29,72,0.06) 0%,transparent 70%);pointer-events:none}
.chaos-ai-icon.ai-loaded .c-ring{animation:none;border-color:rgba(0,0,0,0.06)}
.chaos-ai-icon.ai-loaded .c-ring.r1{border-top-color:#E11D48;border-right-color:rgba(225,29,72,0.15)}
.chaos-ai-icon.ai-loaded .c-ring.r2{border-bottom-color:#2563EB;border-left-color:rgba(37,99,235,0.12)}
.chaos-ai-icon.ai-loaded .c-ring.r3{border-top-color:#CBD5E1}
.chaos-ai-icon.ai-loaded::before{opacity:1;background:#E11D48}
.chaos-ai-icon.ai-loaded::after{opacity:0}
.hdr-ask-btn .chaos-ai-icon .c-ring{animation:none}
.hdr-ask-btn .chaos-ai-icon .c-ring.r1{border-top-color:#E11D48;border-right-color:rgba(225,29,72,0.2)}
.hdr-ask-btn .chaos-ai-icon .c-ring.r2{border-bottom-color:#2563EB;border-left-color:rgba(37,99,235,0.15)}
.hdr-ask-btn .chaos-ai-icon .c-ring.r3{border-top-color:#94A3B8}
.hdr-ask-btn .chaos-ai-icon::before{opacity:0.8}
.hdr-ask-btn:hover .chaos-ai-icon .c-ring.r1{animation:caiSpin 1.6s cubic-bezier(.45,.05,.55,.95) infinite}
.hdr-ask-btn:hover .chaos-ai-icon .c-ring.r2{animation:caiSpin 2.2s cubic-bezier(.45,.05,.55,.95) infinite reverse}
.hdr-ask-btn:hover .chaos-ai-icon .c-ring.r3{animation:caiSpin 3s linear infinite}
.hdr-ask-btn:hover .chaos-ai-icon::before{animation:caiPulse 2s ease-in-out infinite}
@keyframes caiSpin{to{transform:rotate(360deg)}}
@keyframes caiPulse{0%,100%{opacity:0.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.4)}}
.ai-intel-title{font-size:12px;font-weight:800;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px}
.ai-intel-body{font-size:14px;line-height:1.7;color:var(--text-secondary);font-weight:500;max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.ai-intel-body p{margin:0 0 12px}
.ai-intel-body p:last-child{margin-bottom:0}
.ai-intel-body strong{color:var(--text-primary);font-weight:800}
.ai-intel-loading{display:flex;align-items:center;gap:10px;padding:16px 0;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase}
.ai-intel-loading .ai-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);animation:aiPulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite}
.ai-intel-loading .ai-dot:nth-child(2){animation-delay:0.2s}
.ai-intel-loading .ai-dot:nth-child(3){animation-delay:0.4s}
.ai-skel{display:flex;flex-direction:column;gap:8px;padding:8px 0}
.ai-skel-line{height:10px;background:linear-gradient(90deg,var(--bg-inset) 25%,var(--border) 50%,var(--bg-inset) 75%);background-size:200% 100%;border-radius:4px;animation:skelShimmer 1.5s ease-in-out infinite}
@keyframes skelShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.intel-strip{position:relative}
.intel-strip::after{content:'';position:absolute;right:0;top:0;bottom:12px;width:48px;background:linear-gradient(to right,transparent,var(--bg-panel));pointer-events:none;border-radius:0 12px 12px 0}
.ai-intel-err{font-size:11px;color:var(--text-muted);padding:8px 0}
#chaos-chat-btn{display:none}

.chaos-badge{display:inline-flex;align-items:center;gap:5px;border-radius:8px;padding:3px 9px;font-family:var(--mono);white-space:nowrap;transition:border-color 0.8s ease,box-shadow 0.8s ease,background 0.8s ease}
.chaos-badge-label{font-weight:900;font-size:10px;letter-spacing:1px}
.chaos-badge-num{font-weight:800;font-size:14px;color:var(--text-primary)}
.chaos-badge.tier-calm{background:#F0FDF4;border:1.5px solid #BBF7D0}
.chaos-badge.tier-calm .chaos-badge-label{color:#16A34A}
.chaos-badge.tier-heating{background:#FFFBEB;border:1.5px solid #FDE68A}
.chaos-badge.tier-heating .chaos-badge-label{color:#D97706}
.chaos-badge.tier-chaos{background:#FFF1F2;border:1.5px solid #FECDD3}
.chaos-badge.tier-chaos .chaos-badge-label{color:#E11D48}

.lhc-flip-front.chaos-glow-calm,.lhc-flip-back.chaos-glow-calm{border-color:#BBF7D0!important;background:#FCFEFB!important;box-shadow:0 2px 12px #16A34A22,0 1px 4px rgba(11,18,32,0.03)!important}
.lhc-flip-front.chaos-glow-heating,.lhc-flip-back.chaos-glow-heating{border-color:#FDE68A!important;background:#FFFEF7!important;box-shadow:0 2px 16px #D9770633,0 1px 4px rgba(11,18,32,0.03)!important}
.lhc-flip-front.chaos-glow-chaos,.lhc-flip-back.chaos-glow-chaos{border-color:#FECDD3!important;background:#FFF8F9!important;box-shadow:0 2px 20px #E11D4844,0 1px 4px rgba(11,18,32,0.03)!important}
.hero-featured.lhc-flip .lhc-flip-front.chaos-glow-chaos,.hero-featured.lhc-flip .lhc-flip-back.chaos-glow-chaos{box-shadow:0 4px 24px #E11D4844,0 2px 8px rgba(11,18,32,0.04)!important}
.hero-featured.lhc-flip .lhc-flip-front.chaos-glow-heating,.hero-featured.lhc-flip .lhc-flip-back.chaos-glow-heating{box-shadow:0 4px 20px #D9770633,0 2px 8px rgba(11,18,32,0.04)!important}

@keyframes eventFlash{0%{border-color:#FECDD3;box-shadow:0 2px 24px #E11D4866}100%{border-color:inherit;box-shadow:inherit}}
.lhc-flip-front.event-flash,.lhc-flip-back.event-flash{animation:eventFlash 1.5s ease-out}

.wp-arc-wrap{display:flex;flex-direction:column;align-items:center;margin-left:12px;flex-shrink:0}
.wp-arc-wrap svg{overflow:visible}
.wp-arc-label{font-size:10px;color:var(--text-muted);font-family:var(--mono);margin-top:-2px;white-space:nowrap;letter-spacing:.5px}

.chaos-feed{margin-top:20px}
.chaos-feed-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.chaos-feed-dot{position:relative;display:inline-flex;align-items:center;justify-content:center;width:8px;height:8px}
.chaos-feed-dot::before{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#E11D48;opacity:0.3;animation:ping 1.2s cubic-bezier(0,0,0.2,1) infinite}
.chaos-feed-dot::after{content:'';width:5px;height:5px;border-radius:50%;background:#E11D48;position:relative;z-index:1}
@keyframes ping{0%{transform:scale(1);opacity:0.7}75%,100%{transform:scale(1.8);opacity:0}}
.chaos-feed-title{color:#E11D48;font-weight:800;font-size:12px;letter-spacing:1.5px;font-family:var(--mono)}
.chaos-feed-item{display:flex;align-items:center;gap:10px;border-radius:10px;padding:10px 14px;margin-bottom:6px;animation:fadeSlideIn 0.4s ease;transition:all .2s}
.chaos-feed-item.cf-normal{background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.chaos-feed-item.cf-hot{background:var(--bg-panel);border:1px solid rgba(225,29,72,0.2);box-shadow:0 1px 6px rgba(225,29,72,0.06)}
.chaos-feed-item.cf-hot .cf-text{color:var(--text-primary);font-weight:600}
.chaos-feed-item.cf-hot .cf-indicator{background:#E11D48}
.cf-indicator{width:6px;height:6px;border-radius:50%;background:#94A3B8;flex-shrink:0}
.cf-text{font-size:12px;color:var(--text-secondary);flex:1;line-height:1.4}
.cf-time{font-size:10px;color:var(--text-muted);white-space:nowrap;font-family:var(--mono)}
@keyframes fadeSlideIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}


@media(max-width:768px){.hdr-ask-btn span{display:none}}

.chaos-floating-prompt{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:900;display:inline-flex;align-items:center;gap:10px;padding:10px 22px 10px 14px;border-radius:40px;border:1px solid rgba(225,29,72,0.2);background:var(--bg-panel);box-shadow:0 4px 24px rgba(11,18,32,0.12),0 1px 4px rgba(11,18,32,0.06);cursor:pointer;transition:all .25s cubic-bezier(0.4,0,0.2,1);animation:cfpSlideUp .5s cubic-bezier(0.16,1,0.3,1) both;font-family:var(--mono)}
.chaos-floating-prompt:hover{border-color:#E11D48;box-shadow:0 6px 32px rgba(225,29,72,0.15),0 2px 8px rgba(11,18,32,0.08);transform:translateX(-50%) translateY(-2px)}
.chaos-floating-prompt:active{transform:translateX(-50%) translateY(0);box-shadow:0 2px 12px rgba(225,29,72,0.1)}
.cfp-icon{width:22px;height:22px;flex-shrink:0}
.chaos-floating-prompt .c-ring.r1{animation:caiSpin 2.4s cubic-bezier(.45,.05,.55,.95) infinite}
.chaos-floating-prompt .c-ring.r2{animation:caiSpin 3.2s cubic-bezier(.45,.05,.55,.95) infinite reverse}
.chaos-floating-prompt .c-ring.r3{animation:caiSpin 4.5s linear infinite}
.cfp-text{font-size:12px;font-weight:700;color:var(--text-primary);letter-spacing:0.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.cfp-arrow{color:#E11D48;flex-shrink:0;transition:transform .2s}
.chaos-floating-prompt:hover .cfp-arrow{transform:translateX(3px)}
@keyframes cfpSlideUp{from{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
@media(max-width:600px){.chaos-floating-prompt{bottom:calc(16px + env(safe-area-inset-bottom, 0px));padding:9px 18px 9px 12px;gap:8px;max-width:calc(100vw - 32px)}.cfp-text{font-size:11px;max-width:200px}}
@media(max-width:520px){header{padding:0 12px}.hdr-left{gap:8px}header .badge{display:none}header h1{font-size:18px;letter-spacing:2px}}
.hdr-ask-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s;color:var(--text-primary);width:fit-content;margin-left:auto}
.hdr-ask-btn:hover{background:rgba(225,29,72,0.06)}
.hdr-ask-btn .chaos-ai-icon{width:26px;height:26px}
.hdr-ask-btn span{font-size:11px;font-weight:700;letter-spacing:0.5px;color:var(--text-secondary)}
.chaos-chat-overlay{position:fixed;inset:0;background:rgba(11,18,32,0.4);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .15s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.chaos-chat{background:#fff;border-radius:16px;width:380px;max-width:calc(100vw - 40px);height:580px;max-height:calc(100vh - 60px);display:flex;flex-direction:column;animation:slideUp .25s;box-shadow:0 20px 60px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.06);overflow:hidden}
.chaos-chat-head{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;gap:14px}
.chaos-chat-head .cc-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#E11D48,#C41940);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px rgba(225,29,72,0.25)}
.chaos-chat-head .cc-avatar .chaos-ai-icon{width:22px;height:22px}
.chaos-chat-head .cc-avatar .chaos-ai-icon .c-ring{border-color:rgba(255,255,255,0.3)!important}
.chaos-chat-head .cc-avatar .chaos-ai-icon .c-ring.r1{border-top-color:rgba(255,255,255,0.9)!important;border-right-color:rgba(255,255,255,0.5)!important}
.chaos-chat-head .cc-avatar .chaos-ai-icon .c-ring.r2{border-bottom-color:rgba(255,255,255,0.85)!important;border-left-color:rgba(255,255,255,0.4)!important}
.chaos-chat-head .cc-avatar .chaos-ai-icon .c-ring.r3{border-top-color:rgba(255,255,255,0.7)!important}
.chaos-chat-head .cc-avatar .chaos-ai-icon::before{background:#fff!important;opacity:0.9}
.chaos-chat-head h3{font-size:18px;font-weight:800;color:#111827;margin:0;flex:1;letter-spacing:-0.3px}
.chaos-chat-head .cc-badge{display:none}
.chaos-chat-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:22px;padding:4px 8px;border-radius:8px;transition:all .15s;line-height:1}
.chaos-chat-close:hover{background:rgba(0,0,0,0.05);color:#111827}
.chaos-chat-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:10px;min-height:0;scroll-behavior:smooth;background:#fff}
.cc-msg{max-width:85%;font-size:13px;line-height:1.6;padding:10px 14px;border-radius:12px;word-break:break-word}
.cc-msg.cc-user{align-self:flex-end;background:#1f2937;color:#fff;border-bottom-right-radius:4px;font-weight:500}
.cc-msg.cc-ai{align-self:flex-start;background:#f3f4f6;color:#374151;border-bottom-left-radius:4px;border:none}
.cc-msg.cc-ai p{margin:0 0 8px}
.cc-msg.cc-ai p:last-child{margin-bottom:0}
.cc-msg.cc-typing{color:#9ca3af;font-style:italic;display:flex;gap:5px;align-items:center;padding:10px 14px}
.cc-msg .ai-dot{width:6px;height:6px;border-radius:50%;background:#E11D48;animation:aiPulse 1.2s ease-in-out infinite}
.cc-msg .ai-dot:nth-child(2){animation-delay:0.2s}
.cc-msg .ai-dot:nth-child(3){animation-delay:0.4s}
.chaos-chat-input{padding:10px 16px 14px;border-top:1px solid #e5e7eb}
.chaos-chat-input form{display:flex;flex-direction:column;gap:8px}
.chaos-chat-input textarea{width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 14px;font-size:14px;color:#111827;font-family:inherit;outline:none;resize:none;min-height:44px;max-height:100px;line-height:1.5;box-sizing:border-box;transition:border-color .2s}
.chaos-chat-input textarea:focus{border-color:#d1d5db}
.chaos-chat-input textarea::placeholder{color:#9ca3af}
.chaos-chat-input button{background:#1f2937;color:#fff;border:none;border-radius:10px;padding:10px 20px;cursor:pointer;font-size:13px;font-weight:600;transition:all .15s;font-family:inherit;width:100%}
.chaos-chat-input button:hover{background:#f3f4f6;color:#1f2937}
.chaos-chat-input button:disabled{opacity:0.35;cursor:not-allowed}
.pm-scout-section{padding:14px 20px;border-top:1px solid var(--border)}
.pm-scout-section .ai-intel-panel{margin:0}
@media(max-width:600px){.chaos-chat{width:100%;max-width:100%;max-height:88vh;border-radius:16px 16px 0 0;height:80vh}.chaos-chat-input{padding:8px 12px 12px}.chaos-chat-input textarea{font-size:14px}.hdr-ask-btn span{display:none}}
.sp-pvp{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:24px;position:relative;box-shadow:var(--shadow-sm)}
.sp-pvp h3{font-size:12px;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-weight:800;border-bottom:2px solid var(--border);padding-bottom:10px}
.sp-pvp-selects{display:flex;gap:12px;margin-bottom:24px}
.sp-pvp-selects select{flex:1;background:var(--bg-inset);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:12px;font-family:var(--sans);font-weight:600;cursor:pointer;transition:border-color .2s;box-shadow:inset 0 1px 2px rgba(0,0,0,0.02)}
.sp-pvp-selects select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px rgba(225,29,72,0.1)}
.sp-pvp-selects .pvp-vs{display:flex;align-items:center;font-size:14px;font-weight:900;color:var(--text-muted);padding:0 8px;font-family:var(--mono)}
.sp-pvp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:relative}
.sp-pvp-header::after{content:'VS';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:900;color:var(--border);opacity:0.8;letter-spacing:2px;font-family:var(--mono);background:var(--bg-surface);padding:0 8px;z-index:0}
.sp-pvp-header .pvp-player{text-align:center;flex:1;position:relative;z-index:1}
.sp-pvp-header .pvp-player img{width:72px;height:72px;border-radius:50%;border:3px solid var(--bg-surface);object-fit:cover;margin-bottom:8px;display:block;margin:0 auto 8px;box-shadow:0 4px 12px rgba(0,0,0,0.15)}
.sp-pvp-header .pvp-player:first-child img{border-color:#E11D48}
.sp-pvp-header .pvp-player:last-child img{border-color:#2563EB}
.sp-pvp-header .pvp-player .pvp-pname{font-size:15px;font-weight:900;color:var(--text-primary)}
.sp-pvp-header .pvp-player .pvp-pos{font-size:10px;color:var(--text-muted);margin-top:2px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px}
.sp-pvp-stat-row{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid rgba(0,0,0,0.04);transition:all .2s ease;border-radius:6px}
.sp-pvp-stat-row:last-child{border-bottom:none}
.sp-pvp-stat-row:hover{background:var(--bg-inset);transform:scale(1.01)}
.sp-pvp-stat-row .pvp-val{width:56px;text-align:center;font-size:14px;font-family:var(--mono);font-weight:700;font-variant-numeric:tabular-nums;transition:transform .2s;color:var(--text-secondary)}
.sp-pvp-stat-row .pvp-val.pvp-win{font-weight:900;transform:scale(1.1);color:var(--text-primary)}
.sp-pvp-stat-row .pvp-label{flex:1;text-align:center;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:800;font-family:var(--sans)}
.sp-pvp-stat-row .pvp-bars{flex:1;display:flex;gap:4px;align-items:center}
.sp-pvp-stat-row .pvp-bar{height:12px;border-radius:6px;transition:width 0.4s cubic-bezier(.4,0,.2,1);opacity:0.3}
.sp-pvp-stat-row .pvp-bar.pvp-bar-win{opacity:1;box-shadow:inset 0 -2px 0 rgba(0,0,0,0.1)}
.sp-pvp-stat-row .pvp-bars:first-child .pvp-bar{background:#E11D48;margin-left:auto}
.sp-pvp-stat-row .pvp-bars:last-child .pvp-bar{background:#2563EB;margin-right:auto}
.sp-pvp-verdict{margin-top:24px;padding:16px;background:var(--bg-panel);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);border-left:4px solid var(--text-primary);box-shadow:var(--shadow-sm)}
.sp-pvp-verdict::before{content:'VERDICT';font-size:9px;font-weight:800;color:var(--text-muted);letter-spacing:1.5px;font-family:var(--mono)}
.sp-pvp-verdict span{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-primary)}

.sp-situation{background:var(--bg-inset);border:1px solid var(--border-bright);border-radius:var(--r3);padding:10px}
.sp-situation .sp-sit-label{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px;font-weight:700}
.sp-situation .sp-sit-main{font-size:15px;font-weight:700;margin-bottom:3px}
.sp-situation .sp-sit-detail{font-size:11px;color:var(--text-secondary)}

.sp-diamond{display:flex;justify-content:center;margin:6px 0}
.sp-diamond svg{width:80px;height:80px}
.sp-diamond .base{fill:none;stroke:var(--border-bright);stroke-width:2}
.sp-diamond .base.on{fill:var(--accent);stroke:var(--accent)}
.sp-diamond .home-plate{fill:var(--text-muted)}

.sp-wp-gauge{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:24px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}
.sp-wp-gauge::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent) 0%,var(--info) 100%);opacity:1}
.sp-wp-gauge h3{font-size:12px;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-weight:800;border-bottom:2px solid var(--border);padding-bottom:10px}
.sp-wp-decision{margin-top:20px;padding:14px 16px;background:var(--bg-panel);border-radius:8px;border:1px solid var(--border);border-left:4px solid var(--accent);font-size:13px;display:flex;align-items:flex-start;gap:10px;box-shadow:0 2px 8px rgba(0,0,0,0.02)}
.sp-wp-decision svg{width:16px;height:16px;flex-shrink:0;color:var(--accent)}
.sp-wp-decision .chaos-ai-icon{width:22px;height:22px;flex-shrink:0;margin-top:1px}
.sp-wp-decision .wp-dec-label{color:var(--text-muted);font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:9px;display:block;margin-bottom:4px;font-family:var(--sans)}
.sp-wp-decision .wp-dec-text{font-weight:600;color:var(--text-primary);line-height:1.5;font-size:12px}
.sp-wp-decision > div:not(.chaos-ai-icon){flex:1;min-width:0}
.sp-wp-volatility{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);font-weight:600;background:var(--bg-inset);padding:4px 8px;border-radius:6px;margin-bottom:16px;align-self:flex-start}
.sp-wp-volatility svg{width:16px;height:12px;opacity:0.8}
.wp-prob-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.wp-prob-label{font-size:12px;color:var(--text-secondary);width:80px;flex-shrink:0;font-weight:700}
.wp-prob-track{flex:1;height:8px;background:var(--bg-inset);border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,0.05)}
.wp-prob-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 0 8px rgba(0,0,0,0.1)}
.wp-prob-pct{font-size:16px;font-weight:900;font-family:var(--mono);width:48px;text-align:right;flex-shrink:0;color:var(--text-primary)}
.wp-ucband{font-size:11px;color:var(--text-muted);margin-top:4px;margin-left:92px;margin-bottom:16px;font-weight:500}
.wp-model-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 12px;background:var(--bg-panel);border-radius:6px;border:1px solid rgba(0,0,0,0.03)}
.wp-model-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:800}
.wp-model-vals{display:flex;gap:24px;font-size:15px;font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:700}
.wp-composite-label{font-size:11px;color:var(--text-primary);text-transform:uppercase;letter-spacing:2px;font-weight:900;text-align:center;margin:16px 0 12px;border-top:2px solid var(--border);padding-top:12px}
.wp-divergence-note{font-size:12px;color:#B45309;background:#FEF3C7;border:1px solid #FDE68A;border-radius:8px;padding:10px 12px;margin:12px 0;text-align:center;font-family:var(--sans);font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,0.02)}
.wp-ctx-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.wp-ctx-item{background:var(--bg-panel);border-radius:8px;padding:12px;border:1px solid var(--border)}
.wp-ctx-val{font-size:20px;font-weight:900;margin-bottom:4px;font-family:var(--mono);color:var(--text-primary)}
.wp-ctx-lbl{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:0.5px}
.wp-ctx-bar{height:4px;border-radius:2px;background:var(--border);margin-top:8px;overflow:hidden}
.wp-ctx-fill{height:100%;border-radius:2px;background:var(--text-primary)}

.qa-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:24px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}
.qa-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent),#2563EB);border-radius:12px 12px 0 0}
.qa-panel h3{font-size:12px;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-weight:800;display:flex;align-items:center;gap:10px;border-bottom:2px solid var(--border);padding-bottom:10px}
.qa-header-row{display:flex;gap:8px;padding:0 0 8px;border-bottom:2px solid var(--border);margin-bottom:8px}
.qa-header-row .qa-col-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}
.qa-period-row{display:flex;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.04);transition:all .2s ease;border-radius:6px}
.qa-period-row:last-child{border-bottom:none}
.qa-period-row:hover{background:var(--bg-inset);transform:translateX(4px)}
.qa-period-label{width:40px;font-size:11px;font-weight:800;color:var(--text-primary);flex-shrink:0;font-family:var(--mono)}
.qa-bar-cell{flex:1;display:flex;align-items:center;min-width:0}
.qa-header-row .qa-bar-cell{justify-content:center}
.qa-bar{height:28px;border-radius:6px;display:flex;align-items:center;padding:0 12px;font-size:12px;font-weight:900;color:#fff;font-family:var(--mono);min-width:32px;transition:width .5s cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,0.2);box-shadow:inset 0 2px 4px rgba(255,255,255,0.2), 0 2px 4px rgba(0,0,0,0.1)}
.qa-bar-h{justify-content:flex-end;border-top-right-radius:2px;border-bottom-right-radius:2px}
.qa-bar-a{justify-content:flex-start;border-top-left-radius:2px;border-bottom-left-radius:2px}
.qa-margin{width:56px;text-align:center;font-size:12px;font-weight:800;font-family:var(--mono);flex-shrink:0;color:var(--text-secondary)}
.qa-won-home{background:linear-gradient(90deg, transparent, rgba(225,29,72,0.05))}
.qa-won-away{background:linear-gradient(90deg, rgba(37,99,235,0.05), transparent)}
.qa-bests{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}
.qa-best{font-size:11px;color:var(--text-primary);white-space:nowrap;font-weight:600}
.qa-best-lbl{color:var(--text-muted);font-weight:800;margin-right:6px;text-transform:uppercase;letter-spacing:0.5px;font-size:10px}
.qa-section{margin-top:20px;padding-top:20px;border-top:2px solid var(--border)}
.qa-section-title{font-size:11px;color:var(--text-primary);text-transform:uppercase;letter-spacing:1.5px;font-weight:800;margin-bottom:12px}
.qa-pace-grid{display:flex;flex-wrap:wrap;gap:12px 32px;margin-bottom:16px}
.qa-pace-item{display:flex;align-items:baseline;gap:8px;white-space:nowrap;background:var(--bg-panel);padding:10px 16px;border-radius:8px;border:1px solid var(--border)}
.qa-pace-val{font-size:24px;font-weight:900;font-family:var(--mono);color:var(--text-primary);line-height:1}
.qa-pace-lbl{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:700}
.qa-proj{font-size:14px;color:var(--text-primary);padding:12px 16px;background:var(--bg-inset);border-radius:8px;text-align:center;white-space:nowrap;font-weight:800;border:1px solid var(--border);box-shadow:inset 0 2px 4px rgba(0,0,0,0.02)}
.qa-ai-insight{margin-top:20px;padding:16px 20px;background:linear-gradient(135deg, rgba(255,255,255,1) 0%, var(--bg-panel) 100%);border:1px solid var(--border);border-radius:10px;position:relative;overflow:hidden}
.qa-ai-insight::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,#2563EB,var(--accent))}
.qa-ai-insight .qa-ai-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.qa-ai-insight .qa-ai-label{font-size:10px;color:var(--text-primary);text-transform:uppercase;letter-spacing:1.5px;font-weight:900}
.qa-ai-insight .qa-ai-body{font-size:13px;line-height:1.6;color:var(--text-secondary);font-weight:500}
.qa-proj-half{background:rgba(225,29,72,0.04);border:1px dashed rgba(225,29,72,0.20);border-radius:var(--r2);padding:12px 14px;margin-top:12px}
.qa-proj-half-title{color:var(--accent) !important;font-weight:800 !important;letter-spacing:1.4px !important}
.qa-proj-half-score{display:flex;align-items:center;justify-content:center;gap:10px;margin:6px 0 4px}
.qa-proj-half-vs{color:var(--text-muted);font-size:14px;font-weight:400}
.qa-proj-half-leader{font-size:10px;color:var(--text-secondary);text-align:center}
.qa-halftime{/* inherits from qa-section */}
.qa-ht-title{color:var(--accent) !important;font-weight:800 !important}
.qa-ht-grid{display:flex;gap:10px;margin-bottom:8px}
.qa-ht-half{flex:1;background:var(--bg-inset);border-radius:var(--r2);padding:10px 12px;text-align:center;min-width:0}
.qa-ht-label{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-weight:700;margin-bottom:5px}
.qa-ht-score{font-size:18px;font-weight:800;font-family:var(--mono);margin-bottom:3px;white-space:nowrap}
.qa-ht-leader{font-size:10px;color:var(--text-secondary);font-weight:600}
.qa-ht-swing{font-size:11px;color:var(--accent);font-weight:600;padding:6px 10px;background:rgba(225,29,72,0.08);border-radius:var(--r2);margin-bottom:6px;display:flex;align-items:center;gap:5px}
.qa-swing-icon{font-size:13px}
.qa-ht-trends{margin-top:6px}
.qa-ht-trend{font-size:10px;color:var(--text-secondary);padding:3px 0;font-style:italic}
.qa-proj-vs-actual{margin:10px 0;padding:10px 12px;background:var(--bg-inset);border-radius:var(--r2);border:1px solid var(--border)}
.qa-pva-title{font-size:9px;color:var(--accent);text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-bottom:8px}
.qa-pva-grid{display:grid;grid-template-columns:auto 1fr 1fr;gap:4px 12px;align-items:center}
.qa-pva-header{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;text-align:center;padding-bottom:4px;border-bottom:1px solid var(--border)}
.qa-pva-label{font-size:10px;color:var(--text-muted);font-weight:600}
.qa-pva-val{font-size:13px;font-weight:700;font-family:var(--mono);text-align:center}
.qa-pva-actual{font-weight:800}
.qa-var-up{color:#22c55e}
.qa-var-down{color:#ef4444}
.qa-var-even{color:var(--text-muted)}
.qa-adj-proj{font-size:11px;color:var(--text-secondary);padding:8px 10px;background:var(--bg-inset);border-radius:var(--r2);text-align:center;margin:8px 0 6px;border:1px solid rgba(225,29,72,0.15);white-space:nowrap}

.sp-insight-box{background:rgba(0,230,118,0.04);border:1px solid rgba(0,230,118,0.12);border-radius:8px;padding:14px;border-left:none}
.sp-insight-box h3{font-size:10px;color:#4ade80;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-weight:600}
.sp-insight-text{font-size:12.5px;line-height:1.6;color:var(--text-secondary);font-weight:500;padding:2px 0}
.sp-insight-momentum{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:6px}
.sp-insight-momentum .sp-mom-arrow{font-size:16px}

.sp-live-wrap{will-change:contents}

.mc-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:0;overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}
.mc-header{padding:20px 24px 16px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--border);background:var(--bg-panel)}
.mc-title{font-size:12px;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;font-weight:800;margin:0;display:flex;align-items:center;justify-content:space-between}
.mc-wp-bar{display:flex;align-items:center;gap:16px;background:var(--bg-surface);padding:12px 16px;border-radius:8px;border:1px solid var(--border);box-shadow:0 2px 4px rgba(0,0,0,0.02)}
.mc-wp-team{font-size:13px;font-weight:900;font-family:var(--mono);white-space:nowrap;display:flex;align-items:center;gap:8px;color:var(--text-primary)}
.mc-wp-pct{font-size:16px;font-weight:900;color:var(--text-primary)}
.mc-wp-track{flex:1;height:6px;background:var(--bg-inset);border-radius:3px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px rgba(0,0,0,0.05)}
.mc-wp-fill{height:100%;border-radius:3px;transition:width .6s cubic-bezier(0.4, 0, 0.2, 1);background:var(--text-primary)}
.mc-canvas{width:100%;height:240px;display:block;padding:16px 8px 8px;background:var(--bg-surface)}
.mc-swings{padding:16px 24px 24px;border-top:1px solid var(--border);background:var(--bg-panel)}
.mc-swings-title{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:12px;font-weight:800}
.mc-swing-row{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(0,0,0,0.04);font-size:12px;gap:12px;background:var(--bg-surface);border-radius:6px;margin-bottom:6px;border:1px solid var(--border);transition:transform .2s ease}
.mc-swing-row:hover{transform:translateX(4px)}
.mc-swing-row:last-child{margin-bottom:0}
.mc-swing-team{font-weight:900;width:44px;flex-shrink:0;font-family:var(--mono);color:var(--text-primary)}
.mc-swing-play{color:var(--text-secondary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:500}
.mc-swing-val{font-family:var(--mono);font-weight:900;flex-shrink:0;font-size:14px;color:var(--accent);background:rgba(225,29,72,0.05);padding:4px 8px;border-radius:4px}

.sp-play-list{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:24px;max-height:480px;overflow-y:auto;box-shadow:var(--shadow-sm);position:relative}
.sp-play-list h3{font-size:12px;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-weight:800;border-bottom:2px solid var(--border);padding-bottom:10px;position:sticky;top:-24px;background:var(--bg-surface);z-index:10;margin-top:-8px;padding-top:8px}
.sp-play-list::-webkit-scrollbar{width:6px}
.sp-play-list::-webkit-scrollbar-track{background:var(--bg-inset);border-radius:3px}
.sp-play-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
.sp-play-item{padding:12px 16px 12px 64px;border-bottom:1px solid rgba(0,0,0,0.04);font-size:13px;line-height:1.5;border-radius:8px;transition:all .2s ease;position:relative}
.sp-play-item:last-child{border-bottom:none}
.sp-play-item:hover{background:var(--bg-inset);transform:translateX(4px)}
.sp-play-item .sp-pi-time{position:absolute;left:12px;top:14px;color:var(--text-secondary);font-size:11px;font-family:var(--mono);font-weight:700;width:40px;text-align:right}
.sp-play-item .sp-pi-team{font-weight:900;margin-right:6px;color:var(--text-primary)}
.sp-play-item .sp-pi-score{color:var(--text-primary);font-weight:900;margin-left:6px;font-family:var(--mono);background:var(--bg-inset);padding:2px 6px;border-radius:4px;font-size:11px}
.sp-play-major{background:rgba(225,29,72,0.03);border-left:4px solid var(--accent);margin:6px 0;box-shadow:inset 0 1px 2px rgba(225,29,72,0.05);padding-left:60px}
.sp-play-major .sp-pi-time{left:8px}
.sp-play-major .sp-pi-team{font-size:14px}
.sp-play-momentum{border-left:3px solid var(--info);background:linear-gradient(90deg, rgba(37,99,235,0.05), transparent);padding-left:61px}
.sp-play-momentum .sp-pi-time{left:9px}

.sp-game-pick{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--r3);padding:12px 16px;margin-bottom:6px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .1s}
.sp-game-pick:hover{background:rgba(37,99,235,0.04);border-color:var(--info)}
.sp-game-pick .sp-gp-teams{flex:1;font-size:14px;font-weight:700}
.sp-game-pick .sp-gp-score{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;min-width:56px;text-align:center;font-family:var(--mono)}
.sp-game-pick .sp-gp-status{font-size:11px;color:var(--text-muted);min-width:76px;text-align:right;font-family:var(--mono)}
.sp-game-pick .sp-gp-live{color:var(--positive);font-weight:700}
.sp-game-pick .pin-btn{flex-shrink:0;transition:opacity .15s;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}
.sp-game-pick:hover .pin-btn{opacity:0.8!important}

.sp-odds{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r3);padding:12px;font-size:12px;color:var(--text-muted);text-align:center;font-family:var(--mono)}

.sp-play-scoring{background:linear-gradient(90deg, rgba(0,230,118,0.05), transparent);border-left:4px solid var(--positive);margin:6px 0;box-shadow:inset 0 1px 2px rgba(0,230,118,0.05);padding-left:60px}
.sp-play-scoring .sp-pi-time{left:8px}
.sp-pi-qtr{margin-left:8px;font-size:10px;color:var(--text-muted);font-weight:800;text-transform:uppercase;letter-spacing:1px}
.sp-pi-pts{display:inline-flex;align-items:center;justify-content:center;background:var(--positive);color:#fff;font-size:11px;font-weight:900;padding:2px 8px;border-radius:12px;margin-left:6px;font-family:var(--mono);box-shadow:0 2px 4px rgba(0,230,118,0.2)}
.sp-pi-event-icon{display:inline-flex;align-items:center;margin-right:6px;vertical-align:middle;color:var(--text-secondary)}
.sp-pi-event-icon svg{width:16px;height:16px}

.sp-team-stats{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm)}
.sp-team-stats h3{font-size:12px;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-weight:800;border-bottom:2px solid var(--border);padding-bottom:10px}
.ts-header{display:flex;justify-content:space-between;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;padding:0 4px}
.ts-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:6px 4px;transition:all .2s ease;border-radius:6px}
.ts-row:hover{background:var(--bg-inset);transform:translateX(2px)}
.ts-val{font-size:15px;font-weight:700;font-family:var(--mono);min-width:48px;text-align:center;font-variant-numeric:tabular-nums;transition:all .2s;color:var(--text-secondary)}
.ts-val.ts-win{font-weight:900;transform:scale(1.08);color:var(--text-primary)}
.ts-bar-wrap{flex:1;min-width:0}
.ts-label{font-size:10px;color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:4px;font-family:var(--sans)}
.ts-label svg{width:12px;height:12px;opacity:0.5}
.ts-bars{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--bg-inset);gap:1px;box-shadow:inset 0 1px 2px rgba(0,0,0,0.04)}
.ts-bar-home{height:100%;border-radius:6px 0 0 6px;transition:width .5s cubic-bezier(.4,0,.2,1)}
.ts-bar-away{height:100%;border-radius:0 6px 6px 0;transition:width .5s cubic-bezier(.4,0,.2,1)}
.ts-bar-home.ts-bar-dominant{box-shadow:inset 0 -2px 0 rgba(0,0,0,0.1)}
.ts-bar-away.ts-bar-dominant{box-shadow:inset 0 -2px 0 rgba(0,0,0,0.1)}
.ts-stat-indicator{margin-left:4px;opacity:0.5}
.ts-stat-indicator svg{width:10px;height:10px}

.ts-flow{margin-top:18px;padding-top:16px;border-top:2px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
.ts-flow-item{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:6px 8px;background:var(--bg-panel);border-radius:6px;border:1px solid rgba(0,0,0,0.03)}
.ts-flow-label{color:var(--text-muted);font-weight:600}
.ts-flow-val{font-weight:800;font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text-primary)}

.pga-desktop-layout{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:start;max-width:100%;overflow:hidden}
.pga-sidebar{position:sticky;top:0;min-width:0;overflow:hidden}
.pga-leaderboard-col{min-width:0;overflow:hidden}

.pga-topbar{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;flex-wrap:wrap}
.pga-topbar-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1;overflow:hidden}
.pga-topbar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}

@media(max-width:900px){
  .pga-desktop-layout{grid-template-columns:1fr}
  .pga-sidebar{position:static}
}
@media(max-width:520px){
  main{padding:10px}
  .lt-topbar.pga-topbar{padding:8px 10px;gap:6px}
  .pga-topbar-left{gap:5px}
  .pga-topbar-left span:last-child{font-size:11px !important}
  .pga-topbar-right{flex-basis:100%;justify-content:space-between;min-width:0}
  .pga-desktop-layout{gap:10px}
}

@media(max-width:1200px){
  .lt-layout{grid-template-columns:1fr 1fr}
  .lt-layout.lt-sport{grid-template-columns:1fr 1fr}
}
@media(max-width:800px){
  .app{grid-template-columns:1fr}
  .app.no-main{min-height:auto}
  .app.no-main aside{max-height:none;border-bottom:none}
  aside{border-right:none;border-bottom:1px solid var(--border);max-height:40vh;overflow-y:auto}
  aside:has(.panel):not(:has(.panel ~ .panel)){max-height:none;overflow:visible}
  .season-cols{grid-template-columns:1fr}
  .news-grid{grid-template-columns:1fr}
  .live-grid{grid-template-columns:1fr}
  .lt-layout{grid-template-columns:1fr}
  .lt-layout .lt-col:last-child{display:flex}
  .lt-layout.lt-sport{grid-template-columns:1fr}
  .lt-wp-grid{grid-template-columns:repeat(2,1fr)}
  .lt-wp-hero-row{flex-direction:column;gap:12px}
  .lt-wp-challengers{flex-wrap:wrap}
  .lt-topbar{flex-wrap:wrap;gap:6px;padding:8px 10px}
  .lt-topbar.lt-race-control{padding:8px 12px}
  .lt-tb-clock{font-size:12px !important}
  .race-hero-bar{padding:20px 16px;margin:0 4px 4px;border-radius:12px}
  .rh-vs-block{gap:0}
  .rh-rider-side .rh-bike{font-size:22px}
  .rh-rider-side .rh-rname{font-size:13px}
  .rh-rider-side .rh-wp{font-size:28px}
  .rh-gap-col{padding:4px 10px;min-width:50px}
  .rh-gap-col .rh-gap-val{font-size:14px}
  .rh-metrics{grid-template-columns:repeat(2,1fr)}
  .ri-modal{max-width:100%;border-radius:12px}
  .ri-header{padding:16px 20px 14px;border-radius:12px 12px 0 0}
  .ri-header h2{font-size:18px}
  .ri-body{padding:16px 20px 28px}
  .ri-metrics{grid-template-columns:repeat(2,1fr)}
  .ri-race-metrics{grid-template-columns:repeat(2,1fr)}
  .ri-rm-cell:nth-child(2){border-right:none}
  .ri-key-stats{grid-template-columns:1fr 1fr 1fr}
  .ri-key-stats.ri-ks-4{grid-template-columns:1fr 1fr 1fr 1fr}
  .ri-ks-value{font-size:18px}
  .ri-hero-strip{padding:12px 16px;gap:12px}
  .ri-score-row{flex-direction:column;gap:16px;text-align:center}
  .ci-card{min-width:260px}
  .lt-insight-row{flex-direction:column}
  .lt-insight-card{min-width:0;max-width:none}
  .an-grid{grid-template-columns:1fr}
  .an-grid.tri{grid-template-columns:1fr}
  .an-h2h-vs{flex-direction:column}
  .h2h-hero{flex-direction:column}
  .h2h-side.left{border-right:none;border-bottom:1px solid var(--border)}
  .h2h-vs-pip{left:50%;top:auto;bottom:-18px;transform:translateX(-50%)}
  .h2h-stats{grid-template-columns:repeat(2,1fr)}
  .an-metric-row{flex-direction:column}
  .sp-scoreboard{padding:16px 12px 14px}
  .sp-scoreboard .sp-matchup{gap:8px}
  .sp-scoreboard .sp-team-logo{width:36px;height:36px}
  .sp-scoreboard .sp-team{gap:8px}
  .sp-scoreboard .sp-team-name{font-size:13px}
  .sp-scoreboard .sp-score{font-size:32px;letter-spacing:1px}
  .sp-scoreboard .sp-score-block{padding:0 8px}
  .sp-scoreboard .sp-vs{font-size:12px;margin:0 2px}
  .sp-scoreboard .sp-game-state-strip{gap:8px;padding:8px 10px;flex-wrap:wrap}
  .sp-scoreboard .sp-gss-item{padding:3px 6px;font-size:10px}
  .sp-tn-full{display:none}
  .sp-tn-abbr{display:inline}
  .qa-panel{padding:12px}
  .qa-header-row{gap:4px}
  .qa-period-row{gap:4px;padding:4px 0}
  .qa-bar{height:16px;font-size:9px;padding:0 4px;min-width:18px}
  .qa-margin{width:38px;font-size:9px}
  .qa-period-label{width:26px;font-size:9px}
  .qa-bests{flex-direction:column;gap:4px}
  .qa-pace-grid{flex-direction:column;gap:4px}
  .qa-pace-val{font-size:14px}
  .qa-proj{font-size:10px;white-space:normal}
  .qa-adj-proj{font-size:10px;white-space:normal}
  .qa-ht-grid{flex-direction:column;gap:6px}
  .qa-ht-score{font-size:14px}
  .qa-proj-half-score span{font-size:15px !important}
  .qa-pva-grid{gap:3px 8px}
  .qa-pva-val{font-size:11px}
  .qa-pva-label{font-size:9px}
  .sp-leaders{padding:10px}
  .sp-leader-row{padding:4px 0}
  .sp-wp-gauge{padding:10px}
  .hero-featured{padding:20px 16px 18px}
  .hero-featured .hf-team{font-size:17px}
  .hero-featured .hf-team img{width:30px;height:30px}
  .hero-featured .hf-score{font-size:36px}
  .hero-featured .hf-intel{font-size:10px}
  .bracket-wrap{padding:8px 0}
  .bracket-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .bracket-ff{grid-template-columns:1fr;gap:10px}
  .bracket-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .bracket-stat-card{padding:10px}
  .bracket-stat-card .bsc-val{font-size:18px}
  .bracket-region{margin-bottom:20px}
  .bracket-region-title{font-size:14px;flex-wrap:wrap}
  .bracket-champ{padding:16px}
  .bracket-champ img{width:48px;height:48px}
  .bracket-champ h2{font-size:18px}
  .bracket-team{padding:5px 8px;gap:4px}
  .bracket-tname{font-size:10px}
  .bracket-seed{font-size:9px;min-width:14px}
  .bracket-logo{width:16px;height:16px}
  .bracket-pct{font-size:9px;min-width:32px}
  .bracket-travel{font-size:7px;padding:1px 3px}
  .bracket-venue{font-size:8px}
  .bracket-btn{font-size:11px;padding:8px 14px}
  .bracket-upset-item{padding:6px 8px;font-size:11px;gap:6px}
  .res-tile-header{flex-wrap:wrap;padding:10px 12px;gap:4px 8px}
  .res-tile-left{flex:1 1 100%;gap:6px}
  .res-tile-round{font-size:11px;min-width:24px}
  .res-tile-name{font-size:12px}
  .res-tile-meta{font-size:10px}
  .res-tile-right{flex:1 1 100%;max-width:none;gap:4px;padding-left:24px}
  .res-tile-winner{font-size:10px;max-width:none}
  .res-tile-badges{flex-wrap:wrap}
  .res-tile-body{padding:0 12px 12px}
  .bg-analysis{padding:8px 10px}
  .bg-stat-row{font-size:10px;grid-template-columns:50px 1fr 1fr}
  .champ-analysis{max-width:none}
  .champ-reason{font-size:11px}
}
@media(max-width:520px){
  .sp-tn-full{display:none}
  .sp-tn-abbr{display:inline}
  .sp-scoreboard .sp-team-name{font-size:14px;font-weight:800}
  .sp-scoreboard .sp-matchup{gap:6px}
  .sp-scoreboard .sp-team-logo{width:24px;height:24px}
  .sp-scoreboard .sp-team{gap:6px}
  .sp-scoreboard .sp-score{font-size:36px}
  .sp-scoreboard .sp-score-block{padding:0 8px}
  .sp-scoreboard .sp-team-logo{width:40px;height:40px}
  .sp-scoreboard{padding:12px 14px}
  .sp-scoreboard .sp-game-state-strip{gap:10px;font-size:10px;flex-wrap:wrap}
  header{padding:8px 14px}
  header h1{font-size:18px}
  header .badge{font-size:10px}
  nav{padding:8px 12px;gap:1px}
  nav .tab{font-size:11px;padding:8px 12px;letter-spacing:0.8px}
  nav .tab svg{width:14px;height:14px}
  .hero-featured{padding:14px 12px 12px}
  .hero-featured .hf-team{font-size:14px;gap:6px}
  .hero-featured .hf-team img{width:24px;height:24px}
  .hero-featured .hf-score{font-size:28px}
  .qa-section-title{font-size:9px}
  .qa-panel{padding:10px}
  .qa-panel h3{font-size:10px;margin-bottom:8px}
  .qa-bar{height:14px;font-size:8px;min-width:16px}
  .qa-period-label{width:22px;font-size:8px}
  .qa-margin{width:32px;font-size:8px}
  .qa-bests{font-size:10px}
  .qa-pace-val{font-size:15px}
  .qa-pace-lbl{font-size:9px}
  .qa-proj{font-size:12px;padding:8px 10px}
  .qa-adj-proj{font-size:12px;padding:8px 10px}
  .qa-ht-half{padding:8px}
  .qa-ht-score{font-size:13px}
  .qa-ht-label,.qa-ht-sub{font-size:8px}
  .qa-pva-val{font-size:10px}
  .qa-pva-header{font-size:8px}
  .qa-pva-label{font-size:8px}
  .qa-pva-grid{gap:2px 6px}
  .qa-proj-half{padding:8px 10px}
  .qa-proj-half-score span{font-size:14px !important}
  .pga-dd-metrics{grid-template-columns:repeat(2,1fr) !important}
  .bracket-grid{grid-template-columns:1fr;gap:8px}
  .bracket-stats-grid{grid-template-columns:repeat(2,1fr);gap:6px}
  .bracket-stat-card .bsc-val{font-size:16px}
  .bracket-stat-card .bsc-lbl{font-size:8px}
  .bracket-champ{padding:12px}
  .bracket-champ img{width:40px;height:40px}
  .bracket-champ h2{font-size:16px}
  .bracket-region-title{font-size:13px;gap:6px}
  .pga-dd-charts-row{grid-template-columns:1fr !important}
  .pga-dd-charts-pair{grid-template-columns:1fr !important}
  .pga-dd-header{flex-wrap:wrap;gap:8px !important}
  .pga-dd-heatmap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .sp-leaders{padding:8px}
  .sp-leaders h3{font-size:10px;margin-bottom:6px}
  .sp-leader-row{padding:3px 0;font-size:10px}
  .sp-leader-row .sp-lr-name{font-size:11px}
  .sp-leader-row .sp-lr-val{font-size:9px}
  .sp-wp-gauge{padding:8px}
  .sp-game-info-tile{padding:8px;gap:6px}
  .proxy-status{font-size:8px;padding:2px 6px}
  .lt-topbar{gap:5px 8px;padding:6px 10px}
  .lt-topbar.lt-race-control{padding:6px 10px}
  .lt-tb-clock{font-size:11px !important}
  .rh-rider-side .rh-bike{font-size:18px}
  .rh-rider-side .rh-rname{font-size:11px}
  .rh-rider-side .rh-wp{font-size:24px}
  .rh-gap-col{padding:4px 6px;min-width:40px}
  .rh-metrics{grid-template-columns:1fr 1fr}
  .lt-topbar .pin-btn svg{width:12px;height:12px}
  .qa-pace-grid{flex-direction:row;flex-wrap:wrap;gap:4px 16px}
  .qa-pace-item{flex-direction:row;gap:4px;white-space:nowrap}
  .qa-pace-val{font-size:13px}
  .qa-pace-lbl{font-size:8px;white-space:nowrap}
  .qa-bests{font-size:9px;gap:2px}
  .qa-best-item{white-space:nowrap}
  .qa-section{margin-top:10px;padding-top:10px}
  .qa-section-title{font-size:8px;letter-spacing:1px;margin-bottom:5px}
}
@media(max-width:480px){
  aside{display:none}
  .app{grid-template-columns:1fr}
  main{padding:8px}
  nav{padding:6px 8px;gap:0}
  nav .tab{font-size:10px;padding:6px 8px;letter-spacing:0.5px;gap:3px;min-height:40px}
  nav .tab svg{width:12px;height:12px}
  header{height:48px;padding:0 10px}
  header h1{font-size:16px;letter-spacing:2px}
  header .badge{display:none}
  .hdr-ask-btn{padding:6px 10px;font-size:11px;min-height:36px}
  .filter-chips{gap:4px;padding:4px 8px 8px}
  .filter-chip{font-size:10px;padding:5px 10px;min-height:32px}
  .live-hero-cards{grid-template-columns:1fr;gap:10px}
  .live-hero-card{padding:14px;border-radius:12px}
  .lhc-team{font-size:12px}
  .lhc-score{font-size:20px}
  .hero-featured{padding:12px 10px;border-radius:12px}
  .hero-featured .hf-team{font-size:13px}
  .hero-featured .hf-score{font-size:24px}
  .hero-featured .hf-team img{width:22px;height:22px}
  footer{font-size:9px;padding:4px 10px !important}
  .panel{padding:8px}
  .panel h3{font-size:11px}
  .news-card{padding:10px}
  .res-tile-header{padding:8px 10px}
}
@media(max-width:375px){
  nav .tab span{display:none}
  nav .tab svg{width:18px;height:18px}
  header h1{font-size:14px;letter-spacing:1px}
  .hdr-ask-btn span{display:none}
  .hdr-ask-btn{width:36px;height:36px;padding:0;justify-content:center}
}

.live-hero-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;width:100%;text-align:left}
.live-hero-card{
  --glass-radius:16px;
  --glass-tint:rgba(255,255,255,0.85);
  --glass-border:rgba(255,255,255,0.7);
  --glass-shadow-color:rgba(255,255,255,1);
  --glass-shadow-blur:20px;
  --glass-shadow-spread:-2px;
  --glass-outer-shadow:0 10px 30px rgba(11,18,32,0.06),0 2px 8px rgba(11,18,32,0.03);
  --glass-specular:linear-gradient(135deg,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.2) 40%,transparent 60%);
  background:var(--glass-tint);
  border:1px solid var(--glass-border);
  border-radius:var(--glass-radius);
  padding:20px;
  cursor:pointer;
  transition:all 0.4s cubic-bezier(0.16,1,0.3,1);
  position:relative;
  overflow:hidden;
  isolation:isolate;
  box-shadow:var(--glass-outer-shadow)
}
.live-hero-card::before{
  content:'';position:absolute;inset:0;z-index:1;
  border-radius:inherit;
  box-shadow:inset 0 0 var(--glass-shadow-blur) var(--glass-shadow-spread) var(--glass-shadow-color);
  background:var(--glass-specular);
  pointer-events:none
}
.live-hero-card::after{
  content:'';position:absolute;inset:0;z-index:-1;
  border-radius:inherit;
  backdrop-filter:blur(4px) saturate(1.2);
  -webkit-backdrop-filter:blur(4px) saturate(1.2);
  isolation:isolate
}
.live-hero-card.lg-ready::after{
  backdrop-filter:url(#liquid-glass-filter) blur(2px) saturate(1.2);
  -webkit-backdrop-filter:url(#liquid-glass-filter) blur(2px) saturate(1.2)
}
.live-hero-card.lhc-flip.lg-ready .lhc-flip-front::after,.live-hero-card.lhc-flip.lg-ready .lhc-flip-back::after{
  backdrop-filter:none;
  -webkit-backdrop-filter:none
}
.live-hero-card>*{position:relative;z-index:2}
.live-hero-card:hover{
  transform:translateY(-4px) scale(1.01);
  --glass-border:rgba(255,255,255,1);
  --glass-outer-shadow:0 20px 40px rgba(11,18,32,0.1),0 4px 12px rgba(11,18,32,0.05);
  --glass-specular:linear-gradient(135deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 40%,transparent 60%)
}
.live-hero-card.lhc-live-card{
  --glass-tint:rgba(235,255,245,0.85);
  --glass-border:rgba(0,230,118,0.4);
  --glass-outer-shadow:0 12px 32px rgba(0,230,118,0.12),0 2px 8px rgba(0,230,118,0.06);
  --glass-specular:linear-gradient(135deg,rgba(255,255,255,0.9) 0%,rgba(0,230,118,0.1) 40%,transparent 60%)
}
.live-hero-card.lhc-close{
  --glass-tint:rgba(255,250,235,0.85);
  --glass-border:rgba(255,171,0,0.4);
  --glass-outer-shadow:0 12px 32px rgba(255,171,0,0.12),0 2px 8px rgba(255,171,0,0.06);
  --glass-specular:linear-gradient(135deg,rgba(255,255,255,0.9) 0%,rgba(255,171,0,0.1) 40%,transparent 60%)
}
.live-hero-card.lhc-upset{
  --glass-tint:rgba(255,240,245,0.85);
  --glass-border:rgba(255,61,87,0.4);
  --glass-outer-shadow:0 12px 32px rgba(255,61,87,0.12),0 2px 8px rgba(255,61,87,0.06);
  --glass-specular:linear-gradient(135deg,rgba(255,255,255,0.9) 0%,rgba(255,61,87,0.1) 40%,transparent 60%)
}
.live-hero-card.lhc-blowout{opacity:0.8;filter:saturate(0.8)}
.live-hero-card.lhc-blowout:hover{opacity:1;filter:saturate(1)}
.live-hero-card.lhc-post-card{opacity:0.65;filter:grayscale(0.3)}
.live-hero-card.lhc-post-card:hover{opacity:1;filter:grayscale(0)}

.live-hero-card .lhc-urgency{position:absolute;top:0;right:0;width:4px;height:100%;border-radius:0 var(--glass-radius) var(--glass-radius) 0;z-index:3}
.live-hero-card .lhc-sport{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;font-weight:800;font-family:var(--mono);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}
.live-hero-card .lhc-teams{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap;margin:12px 0}
.live-hero-card .lhc-team{font-size:16px;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:6px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
.live-hero-card .lhc-team:last-child{justify-content:flex-end;text-align:right}
.live-hero-card .lhc-team img{width:28px;height:28px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1))}
.live-hero-card .lhc-score{font-size:24px;font-weight:900;font-family:var(--mono);color:var(--text-primary);letter-spacing:1px;white-space:nowrap;flex-shrink:0;text-align:center;padding:0 8px;display:flex;align-items:center;gap:6px}
.live-hero-card .lhc-status{font-size:10px;color:var(--text-muted);margin-top:8px;font-family:var(--mono);line-height:1.3;font-weight:600;text-align:center}
.live-hero-card .lhc-live{color:#E11D48;font-weight:800;background:rgba(225,29,72,0.1);padding:2px 6px;border-radius:4px;letter-spacing:1px;font-size:8px;animation:livePulseBg 2s infinite}
@keyframes livePulseBg{0%,100%{background:rgba(225,29,72,0.1)}50%{background:rgba(225,29,72,0.2)}}
.lhc-view-cta{font-size:9px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-family:var(--mono);display:flex;align-items:center;justify-content:center;gap:4px;margin-top:10px;opacity:0;transition:opacity .25s ease}
@media(hover:hover){.live-hero-card:hover .lhc-view-cta{opacity:1}}
@media(hover:none){.lhc-view-cta{opacity:.5}}
.lhc-front-betting{display:flex;flex-wrap:nowrap;gap:8px;font-size:10px;font-family:var(--mono);color:var(--text-secondary);margin-top:14px;padding-top:14px;border-top:1px solid rgba(0,0,0,0.06);overflow-x:auto;scrollbar-width:none;align-items:center;justify-content:center}
.lhc-front-betting::-webkit-scrollbar{display:none}
.lhc-bet-chip{background:var(--bg-surface);border:1px solid var(--border);padding:4px 8px;border-radius:6px;font-weight:700;display:inline-flex;align-items:center;gap:4px;box-shadow:0 1px 2px rgba(0,0,0,0.02);white-space:nowrap;letter-spacing:0.5px}

.live-hero-card .lhc-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);opacity:0;transition:all 0.3s;z-index:3;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);width:28px;height:28px;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
@media(hover:hover){.live-hero-card:hover .lhc-arrow{opacity:1;right:8px}}
@media(hover:none){.live-hero-card .lhc-arrow{opacity:0.6}}
.live-hero-card .lhc-tag{font-size:8px;padding:3px 6px;border-radius:4px;font-weight:800;font-family:var(--mono);letter-spacing:0.8px;text-transform:uppercase}
@keyframes glassLivePulse{
  0%,100%{--glass-outer-shadow:0 10px 32px rgba(0,230,118,0.12);--glass-border:rgba(0,230,118,0.4)}
  50%{--glass-outer-shadow:0 14px 40px rgba(0,230,118,0.22);--glass-border:rgba(0,230,118,0.6)}
}
.live-hero-card.lhc-live-card{animation:glassLivePulse 3s infinite}
.live-hero-card.lhc-live-card.lhc-flip{animation:none}

.live-hero-cards{perspective:none}
.live-hero-card.lhc-flip{overflow:visible;padding:4px;background:none;border:none;box-shadow:none;margin:-4px;isolation:auto;transition:none;perspective:none}
.live-hero-card.lhc-flip::before,.live-hero-card.lhc-flip::after{display:none}
.live-hero-card.lhc-flip:hover{transform:none}
.lhc-flip-inner{position:relative;width:100%;height:100%;transition:none;transform:none}
.lhc-flip-front,.lhc-flip-back{border-radius:var(--glass-radius,16px);padding:18px;overflow:hidden;border:1px solid rgba(255,255,255,0.7);background:#fff;box-shadow:0 4px 16px rgba(11,18,32,0.05),0 1px 4px rgba(11,18,32,0.03)}
.lhc-flip-front{position:relative;min-height:140px;display:flex;flex-direction:column;justify-content:center;opacity:1;transition:opacity .18s ease}
.lhc-flip-back{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;padding:16px 20px;gap:6px;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .18s ease;transform:none}
@media(hover:hover){.live-hero-card.lhc-flip:hover .lhc-flip-front,.hero-featured.lhc-flip:hover .lhc-flip-front{opacity:0;pointer-events:none}
.live-hero-card.lhc-flip:hover .lhc-flip-back,.hero-featured.lhc-flip:hover .lhc-flip-back{opacity:1;pointer-events:auto}}
.live-hero-card.lhc-flip.lhc-flipped .lhc-flip-front,.hero-featured.lhc-flip.lhc-flipped .lhc-flip-front{opacity:0;pointer-events:none}
.live-hero-card.lhc-flip.lhc-flipped .lhc-flip-back,.hero-featured.lhc-flip.lhc-flipped .lhc-flip-back{opacity:1;pointer-events:auto}
.lhc-flip-front::before,.lhc-flip-back::before,.lhc-flip-front::after,.lhc-flip-back::after{display:none!important}
.lhc-flip-front>*,.lhc-flip-back>*{position:relative;z-index:2}
.live-hero-card.lhc-flip.lhc-live-card .lhc-flip-front{border-color:rgba(0,230,118,0.35);background:#ecfdf5;box-shadow:0 4px 12px rgba(0,230,118,0.10),0 1px 3px rgba(0,230,118,0.06)}
.live-hero-card.lhc-flip.lhc-live-card .lhc-flip-back{border-color:rgba(0,230,118,0.35);background:#ecfdf5;box-shadow:0 4px 12px rgba(0,230,118,0.10),0 1px 3px rgba(0,230,118,0.06)}
.live-hero-card.lhc-flip.lhc-close .lhc-flip-front,.live-hero-card.lhc-flip.lhc-close .lhc-flip-back{border-color:rgba(255,171,0,0.35);background:#fffaeb;box-shadow:0 4px 12px rgba(255,171,0,0.10),0 1px 3px rgba(0,0,0,0.04)}
.live-hero-card.lhc-flip.lhc-upset .lhc-flip-front,.live-hero-card.lhc-flip.lhc-upset .lhc-flip-back{border-color:rgba(255,61,87,0.35);background:#fff0f5;box-shadow:0 4px 12px rgba(255,61,87,0.10),0 1px 3px rgba(0,0,0,0.04)}
.live-hero-card.lhc-flip.lhc-blowout .lhc-flip-front{opacity:0.8}
@media(hover:hover){.live-hero-card.lhc-flip.lhc-blowout:hover .lhc-flip-front{opacity:0;pointer-events:none}}
.live-hero-card.lhc-flip.lhc-blowout.lhc-flipped .lhc-flip-front{opacity:0;pointer-events:none}
.live-hero-card.lhc-flip.lhc-post-card .lhc-flip-front{opacity:0.65;filter:grayscale(0.3)}
@media(hover:hover){.live-hero-card.lhc-flip.lhc-post-card:hover .lhc-flip-front{opacity:0;pointer-events:none;filter:none}}
.live-hero-card.lhc-flip.lhc-post-card.lhc-flipped .lhc-flip-front{opacity:0;pointer-events:none;filter:none}
.lhc-back-section{margin-bottom:4px}
.lhc-back-section:last-child{margin-bottom:0}
.lhc-back-stats{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;font-family:var(--mono);color:var(--text-secondary);letter-spacing:.02em;font-weight:600}
.lhc-back-stats-wrap>div{flex-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding:2px 0}
.lhc-back-props{display:flex;flex-direction:column;gap:6px}
.lhc-prop-row{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px}
.lhc-prop-label{min-width:60px;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800;color:var(--text-primary);letter-spacing:.02em}
.lhc-prop-bar{flex:1;height:6px;background:var(--progress-track);border-radius:3px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px rgba(0,0,0,0.05)}
.lhc-prop-bar>span{display:block;height:100%;border-radius:3px;transition:width .6s cubic-bezier(0.16,1,0.3,1)}
.lhc-prop-val{min-width:40px;text-align:right;font-weight:900;font-size:11px;white-space:nowrap}
.lhc-back-chips{display:flex;flex-wrap:wrap;gap:6px;font-size:9px;font-family:var(--mono);color:var(--text-muted);letter-spacing:.05em}
.lhc-back-chip{padding:3px 8px;border-radius:4px;font-weight:800;background:var(--bg-surface);border:1px solid var(--border);box-shadow:0 1px 2px rgba(0,0,0,0.02)}
.lhc-back-wp{display:flex;align-items:center;gap:8px;margin-top:4px}
.lhc-back-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.lhc-flip-btn{display:none;position:absolute;top:-10px;left:50%;transform:translateX(-50%);z-index:20;background:transparent;border:none;cursor:pointer;align-items:center;justify-content:center;padding:8px;width:36px;height:36px;border-radius:50%;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.lhc-flip-btn svg{width:14px;height:14px;display:block;opacity:.4;transition:transform .2s ease-out}
.lhc-flip-btn:active svg{opacity:.7}
.lhc-flip-btn.spinning svg{transform:rotate(180deg)}
.live-hero-card.lhc-flip.lhc-flipped .lhc-flip-btn{transform:translateX(-50%)}
@media(hover:none){.lhc-flip-btn{display:flex}}

.hero-section-header{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:3px;font-weight:900;font-family:var(--sans);margin-bottom:16px;display:flex;align-items:center;gap:12px;opacity:0.9}
.hero-section-header::after{content:'';flex:1;height:2px;background:var(--border);border-radius:1px}
.upcoming-dropdown{margin-top:20px;border:1px solid var(--border);border-radius:10px;background:var(--bg-surface);overflow:hidden}
.upcoming-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:10px 16px;background:none;border:none;cursor:pointer;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);font-family:var(--sans)}
.upcoming-toggle svg{transition:transform .2s;color:var(--text-muted)}
.upcoming-toggle:hover{background:var(--bg-inset)}
.upcoming-count{font-size:10px;font-weight:700;color:var(--text-muted);background:var(--bg-inset);border-radius:10px;padding:1px 8px;font-family:var(--mono);margin-left:auto}
.upcoming-list{display:none;max-height:400px;overflow-y:auto;scroll-behavior:smooth}
.upcoming-dropdown.open .upcoming-list{display:block}
.upcoming-list::-webkit-scrollbar{width:4px}
.upcoming-list::-webkit-scrollbar-track{background:transparent}
.upcoming-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}
.upcoming-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}
.upcoming-fade{position:sticky;bottom:0;height:32px;background:linear-gradient(transparent,var(--bg-surface));pointer-events:none;margin-top:-32px}
.upcoming-dropdown.open .upcoming-toggle svg{transform:rotate(180deg)}
.upcoming-row{display:flex;align-items:center;gap:10px;padding:8px 14px;border-top:1px solid var(--border);cursor:pointer;transition:background .12s}
.upcoming-row:hover{background:var(--bg-inset)}
.upcoming-row-time{font-size:10px;font-weight:600;color:var(--text-muted);font-family:var(--mono);min-width:48px;max-width:64px;text-align:center;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.upcoming-row-teams{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}
.upcoming-row-team{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.upcoming-row-team img{width:16px;height:16px;border-radius:50%;object-fit:contain;flex-shrink:0}
.upcoming-row-sport{font-size:8px;font-weight:700;color:var(--text-muted);font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;flex-shrink:0;padding:2px 6px;background:var(--bg-inset);border-radius:4px;white-space:nowrap}

.hero-featured{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:24px;cursor:pointer;margin-bottom:20px;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(11,18,32,0.08), 0 2px 8px rgba(11,18,32,0.04);color:var(--text-primary)}
.hero-featured.lhc-flip{overflow:visible;padding:0;background:none;border:none;box-shadow:none;margin-bottom:20px;transition:none;perspective:none}
@media(hover:none){.hero-featured.lhc-flip .lhc-flip-btn{display:flex}}
.hero-featured.lhc-flip.lhc-flipped .lhc-flip-btn{transform:translateX(-50%)}
.hero-featured.lhc-flip .lhc-flip-front,.hero-featured.lhc-flip .lhc-flip-back{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:24px;overflow:hidden;box-shadow:0 8px 24px rgba(11,18,32,0.08),0 2px 8px rgba(11,18,32,0.04)}
.hero-featured.lhc-flip .lhc-flip-front{position:relative;transition:opacity .18s ease}
.hero-featured.lhc-flip .lhc-flip-back{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;opacity:0;pointer-events:none;transition:opacity .18s ease;transform:none}
.hero-featured.lhc-flip .lhc-flip-front::before,.hero-featured.lhc-flip .lhc-flip-back::before,.hero-featured.lhc-flip .lhc-flip-front::after,.hero-featured.lhc-flip .lhc-flip-back::after{display:none!important}
.hero-featured.lhc-flip .lhc-flip-inner{position:relative;width:100%;height:100%;transition:none;transform:none}
.hero-featured.lhc-flip.lhc-live-card .lhc-flip-front{border-color:rgba(0,230,118,0.3);background:#ecfdf5}
.hero-featured.lhc-flip.lhc-live-card .lhc-flip-back{border-color:rgba(0,230,118,0.3);background:#ecfdf5}
.hero-featured:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(11,18,32,0.12), 0 4px 10px rgba(11,18,32,0.06)}
.hero-featured.lhc-flip:hover{transform:none;box-shadow:none}
.hero-featured .hf-glow{position:absolute;top:-20%;right:-8%;width:180px;height:180px;border-radius:50%;filter:blur(40px);opacity:0.06;pointer-events:none}
.hero-featured .hf-glow-lead{position:absolute;bottom:-15%;width:140px;height:140px;border-radius:50%;filter:blur(35px);opacity:0.04;pointer-events:none;transition:left 0.5s,right 0.5s}
.hero-featured .hf-teams{display:flex;flex-direction:column;gap:16px;position:relative;z-index:2;margin:24px 0}
.hero-featured .hf-team-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.hero-featured .hf-team{font-size:26px;font-weight:900;display:flex;align-items:center;gap:16px;letter-spacing:-0.5px;color:inherit}
.hero-featured .hf-team img{width:48px;height:48px;object-fit:contain}
.hero-featured .hf-score{font-size:64px;font-weight:900;font-family:var(--mono);letter-spacing:1px;color:inherit;line-height:1}
.hero-featured .hf-intel{font-size:13px;color:var(--text-secondary);margin-top:8px;font-family:var(--mono);font-weight:700;letter-spacing:0.5px;padding:8px 16px;background:rgba(0,0,0,0.04);border-radius:8px;border:1px solid var(--border);display:inline-block}
.hero-featured .hf-wp-bar{flex:1;height:12px;background:var(--progress-track);border-radius:6px;overflow:hidden;position:relative}
.hero-featured .hf-wp-seg{position:absolute;top:0;height:100%;border-radius:6px;transition:width .6s cubic-bezier(0.16,1,0.3,1)}
.hero-featured .hf-momentum{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-family:var(--mono);font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:6px;background:var(--bg-inset);color:inherit}

.filter-chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px;justify-content:center}
@media(max-width:600px){.filter-chips{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:4px 16px 8px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{scroll-snap-align:center;transform-origin:center center;will-change:transform}}
.filter-chip{padding:8px 18px;border-radius:24px;font-size:11px;font-weight:800;font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all 0.2s ease;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);display:inline-flex;align-items:center;gap:6px;box-shadow:none;white-space:nowrap;flex-shrink:0}
.filter-chip:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 6px rgba(225,29,72,0.08)}
.filter-chip.active{color:#fff;box-shadow:none}
.filter-chip.active[data-sport="all"]{background:#E11D48;border-color:#E11D48}
.filter-chip.active[data-sport="nba"]{background:#FFAB00;border-color:#FFAB00;color:#1a2742}
.filter-chip.active[data-sport="mlb"]{background:#16A34A;border-color:#16A34A}
.filter-chip.active[data-sport="nfl"]{background:#2563EB;border-color:#2563EB}
.filter-chip.active[data-sport="nhl"]{background:#1E40AF;border-color:#1E40AF}
.filter-chip.active[data-sport="pga"]{background:#16A34A;border-color:#16A34A}
.filter-chip.active[data-sport="cbb"]{background:#E11D48;border-color:#E11D48}
.filter-chip.active[data-sport="college-baseball"]{background:#16A34A;border-color:#16A34A}
.filter-chip.active[data-sport="cfb"]{background:#E11D48;border-color:#E11D48}
.filter-chip.active[data-sport="f1"]{background:#E10600;border-color:#E10600}
.filter-chip .fc-count{font-size:9px;background:rgba(11,18,32,0.06);padding:2px 8px;border-radius:10px;font-weight:900;color:currentColor;transition:background 0.3s}
.filter-chip.active .fc-count{background:rgba(255,255,255,0.25);color:#fff}

.intel-strip{display:flex;gap:16px;overflow-x:auto;padding-bottom:20px;margin-bottom:28px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.intel-strip::-webkit-scrollbar{display:none}
.intel-card{flex-shrink:0;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);padding:14px 16px;min-width:240px;max-width:300px;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.intel-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:14px 0 0 14px}
.intel-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.ci-wrap{margin:14px 8px 6px;padding:0}
.ci-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.ci-title{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--text-primary);font-family:var(--mono)}
.ci-divider{flex:1;height:1px;background:var(--border)}
.ci-phase{font-size:10px;color:var(--text-muted);font-family:var(--mono);font-weight:600;letter-spacing:0.5px}
.ci-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ci-strip::-webkit-scrollbar{display:none}
.ci-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);padding:16px 18px;min-width:280px;max-width:360px;flex:0 0 auto;position:relative;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm)}
.ci-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.ci-card-tag{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:8px;font-family:var(--mono)}
.ci-card-text{font-size:13px;font-weight:600;line-height:1.5;color:var(--text-primary);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ci-card-sub{font-size:10px;color:var(--text-muted);font-family:var(--mono);font-weight:600;letter-spacing:0.3px}
.intel-card[data-alert="must-watch"]::before{background:#E11D48}
.intel-card[data-alert="must-watch"]{background:var(--bg-panel);border-color:rgba(225,29,72,0.2)}
.intel-card[data-alert="must-watch"]:hover{border-color:#E11D48;box-shadow:0 6px 16px rgba(225,29,72,0.12)}
.intel-card[data-alert="upset"]::before{background:#FF3D57}
.intel-card[data-alert="upset"]{background:var(--bg-panel);border-color:rgba(255,61,87,0.2)}
.intel-card[data-alert="upset"]:hover{border-color:#FF3D57;box-shadow:0 6px 16px rgba(255,61,87,0.12)}
.intel-card[data-alert="overtime"]::before{background:#2563EB}
.intel-card[data-alert="overtime"]{background:var(--bg-panel);border-color:rgba(37,99,235,0.2)}
.intel-card[data-alert="overtime"]:hover{border-color:#2563EB;box-shadow:0 6px 16px rgba(37,99,235,0.12)}
.intel-card[data-alert="momentum"]::before{background:#00E676}
.intel-card[data-alert="momentum"]{background:var(--bg-panel);border-color:rgba(0,230,118,0.2)}
.intel-card[data-alert="momentum"]:hover{border-color:#00E676;box-shadow:0 6px 16px rgba(0,230,118,0.12)}
.intel-card[data-alert="top-pick"]::before{background:#FFAB00}
.intel-card[data-alert="top-pick"]{background:var(--bg-panel);border-color:rgba(255,171,0,0.2)}
.intel-card[data-alert="top-pick"]:hover{border-color:#FFAB00;box-shadow:0 6px 16px rgba(255,171,0,0.12)}
.intel-card .ic-tag{font-size:9px;font-weight:900;font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:6px}
.intel-card .ic-text{font-size:14px;color:var(--text-primary);font-weight:700;line-height:1.4;margin-bottom:12px;letter-spacing:-0.2px}
.intel-card .ic-text.ic-loading{color:var(--text-muted);font-weight:500;font-style:italic;font-size:12px}
.intel-card .ic-sub{font-size:10px;color:var(--text-muted);font-family:var(--mono);font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid rgba(11,18,32,0.06)}

.pga-grade-info{display:inline-block;cursor:help;margin-left:4px;width:14px;height:14px;border-radius:50%;background:var(--bg-inset);border:1px solid var(--border);font-size:8px;text-align:center;line-height:14px;color:var(--text-muted);font-family:var(--mono);vertical-align:middle}
@keyframes loaderSpin{to{transform:rotate(360deg)}}
@keyframes loaderFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;padding:0}
.report-card{background:var(--card-bg);border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(11,18,32,0.06);border:1px solid var(--border);cursor:pointer;transition:all .25s ease;position:relative}
.report-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(11,18,32,0.10)}
.report-card-hero{padding:20px 22px 16px;position:relative;overflow:hidden}
.report-card-hero::before{content:'';position:absolute;inset:0;opacity:0.07;z-index:0}
.report-card-sport{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;color:var(--red);font-family:var(--mono);margin-bottom:10px;position:relative;z-index:1}
.report-card-matchup{display:flex;align-items:center;gap:8px;position:relative;z-index:1;justify-content:center}
.report-card-matchup img{width:28px;height:28px;object-fit:contain;flex-shrink:0}
.report-card-matchup .rcm-score{font-size:28px;font-weight:800;color:var(--text-primary);font-family:var(--mono);letter-spacing:-1px;flex-shrink:0}
.report-card-matchup .rcm-at{font-size:12px;color:var(--text-muted);font-weight:600;margin:0 2px;flex-shrink:0}
.report-card-matchup .rcm-abbr{font-size:14px;font-weight:700;color:var(--text-secondary);flex-shrink:0}
.report-card-headline{padding:0 22px;font-size:14px;font-weight:700;color:var(--text-primary);line-height:1.35;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.report-card-subhead{padding:0 22px;font-size:11px;color:var(--text-muted);line-height:1.4;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.report-card-footer{padding:12px 22px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg-inset)}
.report-card-footer .rcf-analyst{font-size:10px;color:var(--text-muted);font-weight:600}
.report-card-footer .rcf-analyst span{color:var(--red);font-weight:700}
.report-card-footer .rcf-time{font-size:9px;color:var(--text-muted);font-family:var(--mono);letter-spacing:0.5px}
.reports-day-header{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-family:var(--mono);padding:16px 0 8px;cursor:pointer;display:flex;align-items:center;gap:8px;user-select:none}
.reports-day-header:hover{color:var(--text-primary)}
.reports-day-header svg{width:12px;height:12px;transition:transform .2s}
.reports-day-header.collapsed svg{transform:rotate(-90deg)}
.reports-day-header .rdh-count{font-size:9px;color:var(--text-muted);background:var(--bg-inset);padding:1px 6px;border-radius:8px;font-weight:600}
.report-compact{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r3);cursor:pointer;transition:all .15s}
.report-compact:hover{border-color:var(--border-bright);background:var(--bg-panel)}
.report-compact-logos{display:flex;align-items:center;gap:4px;flex-shrink:0}
.report-compact-logos img{width:18px;height:18px;object-fit:contain}
.report-compact-score{font-size:12px;font-weight:800;font-family:var(--mono);color:var(--text-primary);flex-shrink:0;min-width:50px;text-align:center}
.report-compact-headline{font-size:12px;font-weight:600;color:var(--text-primary);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.report-compact-meta{font-size:9px;color:var(--text-muted);font-family:var(--mono);flex-shrink:0;white-space:nowrap}
.report-compact-sport{font-size:8px;font-weight:700;color:var(--red);font-family:var(--mono);letter-spacing:0.5px;text-transform:uppercase;flex-shrink:0;min-width:24px}
.report-card-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,var(--red),#BE123C);color:#fff;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:3px 8px;border-radius:4px;font-family:var(--mono)}

.reports-header-bar{display:flex;justify-content:flex-end;padding:0 0 12px;min-height:36px}
.backfill-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:7px 14px;cursor:pointer;transition:all .2s;font-family:var(--sans)}
.backfill-btn:hover{border-color:var(--red);color:var(--red);background:rgba(225,29,72,0.04)}
.backfill-btn svg{width:14px;height:14px;flex-shrink:0}
.backfill-bar{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:var(--text-secondary);padding:10px 14px;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap}
@media(max-width:520px){.backfill-bar{gap:8px;padding:10px 12px;font-size:11px}.backfill-bar span{flex:1 1 auto;min-width:0}.backfill-bar button{width:100%;text-align:center;padding:6px 10px}}
.backfill-spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--red);border-radius:50%;animation:backfillSpin 0.8s linear infinite;flex-shrink:0}
@keyframes backfillSpin{to{transform:rotate(360deg)}}
@keyframes backfillPulse{0%,100%{opacity:.3}50%{opacity:.8}}

.article-view{max-width:720px;margin:0 auto;padding:0 20px}
.article-back{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;padding:8px 0;margin-bottom:8px;transition:color .2s}
.article-back:hover{color:var(--text-primary)}
.article-back svg{width:14px;height:14px}
.article-hero{background:var(--card-bg);border-radius:16px;overflow:hidden;border:1px solid var(--border);margin-bottom:24px;box-shadow:0 4px 20px rgba(11,18,32,0.06)}
.article-hero-top{padding:28px 32px 20px;position:relative}
.article-hero-top::before{content:'';position:absolute;inset:0;opacity:0.05}
.article-hero-sport-line{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.article-hero-sport{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;color:var(--red);font-family:var(--mono)}
.article-hero-venue{font-size:10px;color:var(--text-muted);font-weight:500}
.article-hero-score{display:flex;align-items:center;gap:12px;margin-bottom:16px;justify-content:center}
.article-hero-team{display:flex;align-items:center;gap:8px;flex:1;min-width:0;max-width:180px;overflow:hidden}
.article-hero-team img{width:40px;height:40px;object-fit:contain;flex-shrink:0}
.article-hero-team .aht-name{font-size:13px;font-weight:700;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.article-hero-team .aht-record{font-size:10px;color:var(--text-muted);font-family:var(--mono);font-weight:500}
.article-hero-score .ahs-score{font-size:42px;font-weight:900;color:var(--text-primary);font-family:var(--mono);letter-spacing:-2px;line-height:1;flex-shrink:0}
.article-hero-score .ahs-final{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:700;font-family:var(--mono);align-self:flex-end;margin-bottom:6px;flex-shrink:0}
.article-headline{font-size:26px;font-weight:900;color:var(--text-primary);line-height:1.2;letter-spacing:-0.5px;margin-bottom:8px}
.article-subhead{font-size:14px;color:var(--text-muted);line-height:1.5;font-weight:500;margin-bottom:0;padding-bottom:20px;border-bottom:2px solid var(--border)}
.article-meta{padding:14px 32px;background:var(--bg-inset);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.article-meta .am-analyst{font-size:11px;color:var(--text-secondary);font-weight:600}
.article-meta .am-analyst span{color:var(--red);font-weight:700}
.article-meta .am-time{font-size:10px;color:var(--text-muted);font-family:var(--mono)}

.article-body-section{background:var(--card-bg);border-radius:14px;padding:28px 32px;border:1px solid var(--border);margin-bottom:20px;box-shadow:0 2px 10px rgba(11,18,32,0.04)}
.article-body-section p{font-size:14px;line-height:1.75;color:var(--text-secondary);margin:0 0 16px;font-weight:450}
.article-body-section p:last-child{margin-bottom:0}
.article-body-section .abs-dropcap::first-letter{font-size:48px;font-weight:900;color:var(--red);float:left;margin:2px 10px 0 0;line-height:1;font-family:var(--mono)}

.article-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}
.article-stat-card{background:var(--card-bg);border-radius:12px;padding:18px 16px;border:1px solid var(--border);text-align:center;box-shadow:0 2px 8px rgba(11,18,32,0.03)}
.article-stat-card .asc-value{font-size:24px;font-weight:900;color:var(--text-primary);font-family:var(--mono);letter-spacing:-1px;margin-bottom:4px}
.article-stat-card .asc-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:var(--text-muted);margin-bottom:6px}
.article-stat-card .asc-context{font-size:10px;color:var(--text-muted);line-height:1.4;font-weight:500}

.article-pog{background:linear-gradient(135deg,rgba(225,29,72,0.04),rgba(37,99,235,0.03));border:1px solid rgba(225,29,72,0.12);border-radius:14px;padding:20px 24px;margin-bottom:20px;display:flex;align-items:center;gap:16px}
.article-pog-badge{background:linear-gradient(135deg,var(--red),#BE123C);color:#fff;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.article-pog-info .apog-label{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;color:var(--red);font-family:var(--mono);margin-bottom:4px}
.article-pog-info .apog-name{font-size:16px;font-weight:800;color:var(--text-primary);margin-bottom:2px}
.article-pog-info .apog-line{font-size:12px;color:var(--text-secondary);font-weight:600;font-family:var(--mono);margin-bottom:4px}
.article-pog-info .apog-verdict{font-size:12px;color:var(--text-muted);line-height:1.4;font-weight:500}

.article-grades{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.article-grade-card{background:var(--card-bg);border-radius:12px;padding:16px;border:1px solid var(--border);display:flex;align-items:center;gap:14px}
.article-grade-card img{width:28px;height:28px;object-fit:contain}
.article-grade-card .agc-team{font-size:12px;font-weight:700;color:var(--text-secondary);flex:1}
.article-grade-card .agc-grade{font-size:32px;font-weight:900;font-family:var(--mono);line-height:1}
.agc-grade-A{color:#16a34a}.agc-grade-B{color:#2563eb}.agc-grade-C{color:#ca8a04}.agc-grade-D{color:#ea580c}.agc-grade-F{color:#dc2626}

.article-closer{background:var(--card-bg);border-radius:14px;padding:24px 28px;border:1px solid var(--border);margin-bottom:24px;border-left:4px solid var(--red);box-shadow:0 2px 10px rgba(11,18,32,0.04)}
.article-closer-label{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;color:var(--red);font-family:var(--mono);margin-bottom:8px}
.article-closer p{font-size:14px;line-height:1.75;color:var(--text-secondary);margin:0;font-weight:450}

.reports-empty{text-align:center;padding:60px 20px}
.reports-empty-icon{font-size:48px;margin-bottom:16px;opacity:0.5}
.reports-empty h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 8px}
.reports-empty p{font-size:13px;color:var(--text-muted);max-width:400px;margin:0 auto;line-height:1.5}

.article-gen-toast{position:fixed;bottom:24px;right:24px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:14px 20px;box-shadow:0 8px 32px rgba(11,18,32,0.12);z-index:9999;display:flex;align-items:center;gap:10px;animation:toastSlideIn .4s ease;max-width:360px}
.article-gen-toast .agt-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--red),#BE123C);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.article-gen-toast .agt-icon svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2}
.article-gen-toast .agt-text{font-size:12px;color:var(--text-secondary);font-weight:600;line-height:1.4}
.article-gen-toast .agt-text span{color:var(--red);font-weight:700;display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-family:var(--mono);margin-bottom:2px}
@keyframes toastSlideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:600px){
.article-stats-grid{grid-template-columns:1fr}
.article-grades{grid-template-columns:1fr}
.article-hero-top{padding:16px}
.article-headline{font-size:20px}
.article-hero-score{gap:8px}
.article-hero-score .ahs-score{font-size:32px;letter-spacing:-1px}
.article-hero-team img{width:30px;height:30px}
.article-body-section{padding:20px}
.article-meta{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:4px}
.reports-grid{grid-template-columns:1fr}
.report-card-matchup .rcm-score{font-size:22px}
.article-pog{flex-direction:column;align-items:flex-start}
}

.game-card,
.intel-card,
.stat-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  will-change: transform;
}
.game-card:hover,
.intel-card:hover,
.stat-card:hover {
  transform: scale(1.01) translateY(-1px);
  box-shadow: 0 8px 24px rgba(11,18,32,0.12), 0 2px 8px rgba(11,18,32,0.06);
  cursor: pointer;
}
.chaos-tab-content {
  animation: chaos-fade-in 0.25s ease;
}
@keyframes chaos-fade-in {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}
.chaos-skeleton {
  background: #EEF2F7;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}
.chaos-skeleton::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.6) 50%, transparent 100%);
  background-size: 200% 100%;
  animation: chaos-shimmer 1.4s ease infinite;
}
@keyframes chaos-shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
.chaos-skeleton-chart { height: 200px; border-radius: 10px; }
.chaos-skeleton-text { height: 14px; border-radius: 3px; margin-bottom: 6px; }
.chaos-skeleton-text.short { width: 60%; }
.chaos-skeleton-badge { width: 48px; height: 22px; border-radius: 11px; display: inline-block; }
.chaos-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 8px 0 0;
  justify-content: center;
}
.chaos-legend-item {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  color: #3E4A5A;
  cursor: pointer;
  padding: 3px 8px;
  border-radius: 20px;
  transition: background 0.15s ease, opacity 0.15s ease;
  user-select: none;
  border: 1px solid transparent;
}
.chaos-legend-item:hover { background: #EEF2F7; }
.chaos-legend-item.hidden {
  opacity: 0.35;
  text-decoration: line-through;
  text-decoration-color: #7A8798;
}
.chaos-legend-item .legend-dot {
  width: 10px; height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
  border: 2px solid transparent;
  transition: border-color 0.15s ease;
}
.chaos-legend-item.hidden .legend-dot {
  background: transparent !important;
  border-color: currentColor;
}
.chaos-num-pill {
  display: inline-flex;
  align-items: center;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  padding: 2px 7px;
  border-radius: 4px;
  font-weight: 700;
}
.chaos-num-pill.positive { background: #DCFCE7; color: #16A34A; }
.chaos-num-pill.negative { background: #FFF1F2; color: #E11D48; }
.chaos-num-pill.neutral { background: #F1F5F9; color: #7A8798; }
.chaos-tab-btn {
  transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
button:focus-visible,
.chaos-legend-item:focus-visible {
  outline: 2px solid #E11D48;
  outline-offset: 2px;
}
.chaos-table-wrap {
  overflow-x: auto;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(11,18,32,0.06);
  border: 1px solid #EEF2F7;
}
.chaos-table {
  width: 100%;
  border-collapse: collapse;
  font-family: Inter, sans-serif;
  font-size: 12px;
  background: #FFFFFF;
}
.chaos-table thead th {
  position: sticky;
  top: 0;
  z-index: 10;
  background: #FFFFFF;
  padding: 10px 12px;
  text-align: left;
  font-size: 10px;
  font-weight: 700;
  color: #7A8798;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-bottom: 2px solid #EEF2F7;
  white-space: nowrap;
  user-select: none;
  cursor: pointer;
  transition: color 0.15s ease;
}
.chaos-table thead th:hover { color: #0B1220; }
.chaos-table thead th .sort-arrow {
  display: inline-block;
  margin-left: 4px;
  opacity: 0.4;
  font-size: 9px;
  transition: opacity 0.15s;
}
.chaos-table thead th.sort-asc .sort-arrow,
.chaos-table thead th.sort-desc .sort-arrow { opacity: 1; color: #E11D48; }
.chaos-table tbody tr:nth-child(odd) { background: #F8FAFF; }
.chaos-table tbody tr:nth-child(even) { background: #FFFFFF; }
.chaos-table tbody tr {
  transition: background 0.15s ease, box-shadow 0.15s ease;
  cursor: default;
}
.chaos-table tbody tr:hover {
  background: #EEF2F7 !important;
  box-shadow: inset 3px 0 0 #E11D48;
}
.chaos-table tbody td {
  padding: 9px 12px;
  color: #3E4A5A;
  border-bottom: 1px solid #F0F4FA;
  vertical-align: middle;
  position: relative;
}
.chaos-table td.numeric {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  text-align: right;
}
.chaos-table .cell-bar-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}
.chaos-table .cell-bar-bg {
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  height: 60%;
  border-radius: 2px;
  opacity: 0.15;
  transition: width 0.4s ease;
  pointer-events: none;
}
.chaos-table td.val-positive { color: #16A34A; }
.chaos-table td.val-negative { color: #E11D48; }
.chaos-table td.val-neutral { color: #7A8798; }

.f1-detail-wrap{max-width:960px;margin:0 auto;padding:16px;box-sizing:border-box}
@media(max-width:600px){.f1-detail-wrap{padding:12px 10px}}

.f1-header{margin-bottom:20px}
.f1-header-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.f1-back-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:18px;padding:4px 8px;border-radius:6px;transition:all .15s;flex-shrink:0}
.f1-back-btn:hover{background:var(--bg-inset);color:var(--text-primary)}
.f1-badge{font-size:9px;font-weight:900;color:#E10600;font-family:var(--mono);letter-spacing:2.5px;padding:3px 8px;border:1px solid rgba(225,6,0,0.2);border-radius:4px;background:rgba(225,6,0,0.04);white-space:nowrap}
.f1-live-badge{font-size:9px;font-weight:800;color:#fff;background:#E10600;padding:3px 8px;border-radius:4px;letter-spacing:1px;animation:livePulseBg 2s infinite}
.f1-status-badge{font-size:9px;font-weight:700;color:var(--text-muted);font-family:var(--mono);letter-spacing:.5px}
.f1-status-badge.f1-upcoming{color:#FFAB00}
.f1-event-name{font-size:24px;font-weight:900;color:var(--text-primary);letter-spacing:-0.03em;margin:0 0 4px;line-height:1.15}
@media(max-width:600px){.f1-event-name{font-size:20px}}
.f1-circuit{font-size:11px;color:var(--text-muted);font-family:var(--mono);letter-spacing:.3px}
.f1-sessions{display:flex;gap:4px;margin-top:10px;flex-wrap:wrap}
.f1-session-pill{font-size:9px;padding:4px 10px;border-radius:5px;font-weight:700;font-family:var(--mono);letter-spacing:.5px;border:1px solid var(--border);background:var(--bg-inset);color:var(--text-muted);transition:all .15s}
.f1-session-pill.active{border-color:var(--sc);background:color-mix(in srgb, var(--sc) 12%, transparent);color:var(--sc)}

.f1-tabs{display:flex;gap:2px;margin-bottom:20px;background:var(--bg-inset);border-radius:10px;padding:3px;overflow-x:auto;scrollbar-width:none}
.f1-tabs::-webkit-scrollbar{display:none}
.f1-tab{padding:8px 16px;font-size:11px;font-weight:700;font-family:var(--mono);letter-spacing:.3px;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:8px;transition:all .2s;white-space:nowrap;flex-shrink:0}
.f1-tab.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:0 1px 4px rgba(0,0,0,0.06)}
.f1-tab:hover:not(.active){color:var(--text-secondary)}

.f1-section{margin-bottom:20px}
.f1-section-title{font-size:10px;font-weight:900;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.8px;font-family:var(--mono);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.f1-section-title::after{content:'';flex:1;height:1px;background:var(--border)}
.f1-empty{color:var(--text-muted);font-size:12px;text-align:center;padding:40px 20px;background:var(--bg-inset);border-radius:12px;border:1px solid var(--border);line-height:1.6}

.f1-kpi-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:24px}
@media(max-width:600px){.f1-kpi-strip{grid-template-columns:1fr 1fr}}
.f1-kpi-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;position:relative;overflow:hidden}
.f1-kpi-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent,#E10600)}
.f1-kpi-winner::before{background:linear-gradient(180deg,#FFD700,#F59E0B)}
.f1-kpi-label{font-size:9px;font-weight:800;letter-spacing:1.2px;font-family:var(--mono);margin-bottom:4px}
.f1-kpi-value{font-size:15px;font-weight:800;color:var(--text-primary);line-height:1.2}
.f1-kpi-sub{font-size:10px;color:var(--text-muted);font-family:var(--mono);margin-top:2px}
.f1-mono{font-family:var(--mono)}

.f1-results-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}
.f1-results-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;min-width:580px}
.f1-results-table thead th{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-family:var(--mono);font-weight:700;padding:8px 6px;border-bottom:2px solid var(--border);text-align:left;position:sticky;top:0;background:var(--bg-base);z-index:1}
.f1-th-pos{text-align:center!important;width:32px}
.f1-th-grid,.f1-th-laps,.f1-th-pts{text-align:center!important;width:50px}
.f1-th-time{text-align:right!important}
.f1-th-team{width:110px}
@media(max-width:700px){.f1-th-team{display:none}.f1-td-team{display:none}.f1-results-table{min-width:420px}}

.f1-result-row{transition:background .15s}
.f1-result-row:hover{background:var(--bg-inset)}
.f1-result-row td{padding:8px 6px;border-bottom:1px solid var(--border);vertical-align:middle}
.f1-result-row.f1-pos-1 td,.f1-result-row.f1-pos-2 td,.f1-result-row.f1-pos-3 td{background:rgba(255,215,0,0.03)}
.f1-result-row.f1-dnf{opacity:.6}
.f1-result-row.f1-dnf:hover{opacity:1}

.f1-td-pos{text-align:center;font-weight:900;font-family:var(--mono);font-size:14px;width:32px}
.f1-pos-1 .f1-td-pos{color:#FFD700}
.f1-pos-2 .f1-td-pos{color:#C0C0C0}
.f1-pos-3 .f1-td-pos{color:#CD7F32}

.f1-driver-cell{display:flex;align-items:center;gap:8px}
.f1-team-bar{width:3px;height:28px;border-radius:2px;flex-shrink:0}
.f1-headshot{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--bg-inset)}
.f1-headshot-placeholder{width:30px;height:30px;border-radius:50%;background:var(--bg-inset);flex-shrink:0}
.f1-driver-info{display:flex;flex-direction:column;min-width:0}
.f1-driver-name{font-size:12px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.f1-driver-code{font-size:9px;color:var(--text-muted);font-family:var(--mono);letter-spacing:.5px}
.f1-fl-badge{font-size:8px;font-weight:900;color:#A855F7;background:rgba(168,85,247,0.1);padding:1px 4px;border-radius:3px;letter-spacing:.5px;vertical-align:middle}

.f1-td-team{font-size:11px;font-weight:600}
.f1-td-grid{text-align:center;font-family:var(--mono);font-size:11px}
.f1-grid-up{color:#4ade80;font-size:9px;font-weight:700;margin-left:2px}
.f1-grid-down{color:#ef4444;font-size:9px;font-weight:700;margin-left:2px}
.f1-td-laps{text-align:center;font-family:var(--mono);font-size:11px;color:var(--text-secondary)}
.f1-td-time{text-align:right;font-family:var(--mono);font-size:11px;color:var(--text-primary)}
.f1-winner-time{font-weight:700}
.f1-dnf-status{color:#ef4444}
.f1-td-pts{text-align:center;font-family:var(--mono);font-size:11px;color:var(--text-muted)}
.f1-has-pts{color:#FFAB00;font-weight:700}

.f1-team-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}

.f1-grid-chart{display:flex;flex-direction:column;gap:4px}
.f1-gc-row{display:flex;align-items:center;gap:8px;padding:4px 0}
.f1-gc-driver{display:flex;align-items:center;gap:6px;width:60px;flex-shrink:0}
.f1-gc-code{font-size:10px;font-weight:700;font-family:var(--mono);color:var(--text-primary)}
.f1-gc-positions{display:flex;align-items:center;gap:6px;flex:1}
.f1-gc-grid,.f1-gc-finish{font-size:9px;font-family:var(--mono);color:var(--text-muted);width:28px;text-align:center;flex-shrink:0}
.f1-gc-bar-wrap{flex:1;height:10px;background:var(--bg-inset);border-radius:5px;overflow:hidden;position:relative}
.f1-gc-bar{height:100%;border-radius:5px;transition:width .4s ease-out;min-width:2px}
.f1-gc-bar.f1-gc-positive{margin-left:auto}
.f1-gc-delta{font-size:10px;font-weight:800;font-family:var(--mono);width:32px;text-align:right;flex-shrink:0}

.f1-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:600px){.f1-grid-2col{grid-template-columns:1fr}}
.f1-mover-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border)}
.f1-mover-row:last-child{border-bottom:none}
.f1-mover-name{flex:1;font-size:12px;font-weight:600;color:var(--text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.f1-mover-delta{font-size:12px;font-weight:800;font-family:var(--mono);flex-shrink:0}
.f1-mover-detail{font-size:9px;color:var(--text-muted);font-family:var(--mono);flex-shrink:0}

.f1-tire-chart{display:flex;flex-direction:column;gap:3px}
.f1-tire-row{display:flex;align-items:center;gap:8px;padding:3px 0}
.f1-tire-driver{display:flex;align-items:center;gap:5px;width:75px;flex-shrink:0}
.f1-tire-code{font-size:10px;font-weight:700;font-family:var(--mono);color:var(--text-primary)}
.f1-tire-pos{font-size:8px;color:var(--text-muted);font-family:var(--mono)}
.f1-tire-timeline{flex:1;height:18px;position:relative;background:var(--bg-inset);border-radius:4px;overflow:hidden}
.f1-stint{position:absolute;top:2px;bottom:2px;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}
.f1-stint:hover{opacity:.8}
.f1-stint-label{font-size:7px;font-weight:800;color:rgba(0,0,0,0.5);font-family:var(--mono)}
.f1-tire-legend{display:flex;gap:12px;margin-top:10px;flex-wrap:wrap}
.f1-tire-key{display:flex;align-items:center;gap:4px;font-size:9px;color:var(--text-muted);font-family:var(--mono)}
.f1-tire-swatch{width:10px;height:10px;border-radius:2px}

.f1-fl-list{display:flex;flex-direction:column;gap:2px}
.f1-fl-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;transition:background .15s}
.f1-fl-row:hover{background:var(--bg-inset)}
.f1-fl-best{background:rgba(168,85,247,0.04)}
.f1-fl-rank{font-size:11px;font-weight:800;color:var(--text-muted);font-family:var(--mono);width:20px;text-align:center}
.f1-fl-best .f1-fl-rank{color:#A855F7}
.f1-fl-name{flex:1;font-size:12px;font-weight:600;color:var(--text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.f1-fl-time{font-size:12px;font-weight:700;font-family:var(--mono);color:var(--text-primary)}
.f1-fl-purple{color:#A855F7}
.f1-fl-lap{font-size:9px;color:var(--text-muted);font-family:var(--mono);width:48px;text-align:right;flex-shrink:0}

.f1-pit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.f1-pit-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:10px}
.f1-pit-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--text-primary);margin-bottom:6px}
.f1-pit-count{font-size:9px;color:var(--text-muted);font-family:var(--mono);margin-left:auto}
.f1-pit-stops{display:flex;flex-wrap:wrap;gap:4px}
.f1-pit-stop{font-size:9px;font-family:var(--mono);color:var(--text-secondary);background:var(--bg-inset);padding:2px 6px;border-radius:4px}

.f1-standings-tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:2px solid var(--border)}
.f1-stab{padding:10px 20px;font-size:11px;font-weight:700;font-family:var(--mono);letter-spacing:.5px;border:none;background:none;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}
.f1-stab.active{color:#E10600;border-bottom-color:#E10600}
.f1-stab:hover:not(.active){color:var(--text-secondary)}

.f1-standings-list{display:flex;flex-direction:column;gap:2px}
.f1-st-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;transition:background .15s}
.f1-st-row:hover{background:var(--bg-inset)}
.f1-st-podium{background:rgba(255,215,0,0.02)}
.f1-st-pos{font-size:12px;font-weight:900;font-family:var(--mono);width:24px;text-align:center;color:var(--text-muted)}
.f1-st-podium:nth-child(1) .f1-st-pos{color:#FFD700}
.f1-st-podium:nth-child(2) .f1-st-pos{color:#C0C0C0}
.f1-st-podium:nth-child(3) .f1-st-pos{color:#CD7F32}
.f1-st-info{flex:1;display:flex;flex-direction:column;min-width:0}
.f1-st-name{font-size:13px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.f1-st-team{font-size:9px;color:var(--text-muted);font-family:var(--mono)}
.f1-st-bar-wrap{width:80px;height:6px;background:var(--bg-inset);border-radius:3px;overflow:hidden;flex-shrink:0}
@media(max-width:500px){.f1-st-bar-wrap{display:none}}
.f1-st-bar{height:100%;border-radius:3px;transition:width .4s ease-out}
.f1-st-pts{font-size:13px;font-weight:800;font-family:var(--mono);color:var(--text-primary);min-width:40px;text-align:right}
.f1-st-pts-label{font-size:8px;color:var(--text-muted);margin-left:2px;font-weight:600}
.f1-st-wins{font-size:9px;font-weight:800;color:#FFD700;background:rgba(255,215,0,0.1);padding:2px 6px;border-radius:4px;font-family:var(--mono);flex-shrink:0}
.f1-st-color-block{width:12px;height:24px;border-radius:3px;flex-shrink:0}

.f1-pred-hero{display:grid;grid-template-columns:auto 1fr;gap:16px;margin-bottom:24px}
@media(max-width:600px){.f1-pred-hero{grid-template-columns:1fr}}
.f1-pred-chaos-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:20px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:120px;position:relative;overflow:hidden}
.f1-pred-chaos-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--tier-color)}
.f1-pred-chaos-label{font-size:9px;font-weight:900;color:var(--text-muted);letter-spacing:2px;font-family:var(--mono);margin-bottom:6px}
.f1-pred-chaos-value{font-size:48px;font-weight:900;font-family:var(--mono);line-height:1}
.f1-pred-chaos-tier{font-size:10px;font-weight:900;color:#fff;padding:3px 12px;border-radius:4px;letter-spacing:1.5px;font-family:var(--mono);margin-top:8px}
.f1-pred-top3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:500px){.f1-pred-top3{grid-template-columns:1fr}}
.f1-pred-driver-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:16px 12px;text-align:center;position:relative}
.f1-pred-rank{font-size:28px;font-weight:900;font-family:var(--mono);line-height:1}
.f1-pred-driver-name{font-size:14px;font-weight:800;color:var(--text-primary);margin-top:6px;line-height:1.2}
.f1-pred-driver-team{font-size:10px;font-weight:600;font-family:var(--mono);margin-top:2px}
.f1-pred-win-prob{font-size:24px;font-weight:900;font-family:var(--mono);color:var(--text-primary);margin-top:8px}
.f1-pred-prob-label{font-size:8px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-family:var(--mono)}

.f1-insights-list{display:flex;flex-direction:column;gap:8px}
.f1-insight-row{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;border-left:3px solid var(--insight-color)}
.f1-insight-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:4px}
.f1-insight-text{font-size:12px;color:var(--text-primary);line-height:1.5}

.f1-pred-bars{display:flex;flex-direction:column;gap:6px}
.f1-pred-bar-row{display:flex;align-items:center;gap:8px;padding:4px 0}
.f1-pred-bar-driver{display:flex;align-items:center;gap:6px;min-width:140px;flex-shrink:0}
@media(max-width:500px){.f1-pred-bar-driver{min-width:100px}}
.f1-pred-bar-pos{font-size:10px;font-weight:900;color:var(--text-muted);font-family:var(--mono);width:18px;text-align:center}
.f1-pred-bar-code{font-size:12px;font-weight:700;color:var(--text-primary);font-family:var(--mono)}
.f1-pred-bar-form{font-size:9px;font-weight:700;text-transform:uppercase;font-family:var(--mono)}
.f1-pred-bar-wrap{flex:1;height:8px;background:var(--bg-inset);border-radius:4px;overflow:hidden}
.f1-pred-bar{height:100%;border-radius:4px;transition:width .5s ease-out}
.f1-pred-bar-pct{font-size:11px;font-weight:800;font-family:var(--mono);color:var(--text-primary);min-width:36px;text-align:right}

.f1-h2h-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.f1-h2h-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px}
.f1-h2h-drivers{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.f1-h2h-name{font-size:14px;font-weight:800;font-family:var(--mono);color:var(--text-secondary)}
.f1-h2h-fav{color:var(--text-primary)}
.f1-h2h-vs{font-size:9px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}
.f1-h2h-bar-wrap{height:6px;background:var(--bg-inset);border-radius:3px;overflow:hidden;margin-bottom:4px}
.f1-h2h-bar-a{height:100%;background:#E10600;border-radius:3px;transition:width .4s ease-out}
.f1-h2h-pcts{display:flex;justify-content:space-between;font-size:10px;font-weight:800;font-family:var(--mono);color:var(--text-muted)}

.f1-analysis-content{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:20px 24px}
.f1-analysis-text{font-size:13px;line-height:1.75;color:var(--text-primary)}
.f1-analysis-text p{margin-bottom:12px}
.f1-analysis-text p:last-child{margin-bottom:0}
.f1-analysis-loading{text-align:center;padding:24px}

.f1-clickable{cursor:pointer;transition:background .15s}
.f1-clickable:hover{background:rgba(255,255,255,.04)}
tr.f1-clickable:hover td{background:rgba(255,255,255,.04)}

.f1-q-time{text-align:right;font-family:var(--mono);font-size:12px;color:var(--text-primary)}
.f1-q-none{color:var(--text-muted);opacity:.4}
.f1-q-pole{color:#FFAB00;font-weight:700}
.f1-q-elim-q2 td{opacity:.7}
.f1-q-elim-q1 td{opacity:.5}

.f1-driver-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.65);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;animation:f1-fade-in .2s ease}
@keyframes f1-fade-in{from{opacity:0}to{opacity:1}}
.f1-driver-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;max-width:480px;width:100%;max-height:85vh;overflow-y:auto;padding:24px;position:relative;animation:f1-slide-up .25s ease}
@keyframes f1-slide-up{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
.f1-panel-close{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:10;padding:0}
.f1-panel-close:hover{color:var(--text-primary);background:rgba(0,0,0,.08)}
.f1-panel-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-left:12px;padding-right:40px}
.f1-panel-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--bg-inset);flex-shrink:0}
.f1-panel-avatar img{width:100%;height:100%;object-fit:cover}
.f1-panel-name{font-size:20px;font-weight:800;color:var(--text-primary)}
.f1-panel-team{font-size:13px;font-weight:600}
.f1-panel-nat{font-size:11px;color:var(--text-muted);margin-top:2px}
.f1-panel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-bottom:16px}
.f1-panel-stat{background:var(--bg-inset);border-radius:8px;padding:10px;text-align:center}
.f1-panel-stat-label{font-size:8px;font-weight:700;color:var(--text-muted);letter-spacing:1px;font-family:var(--mono);text-transform:uppercase;margin-bottom:4px}
.f1-panel-stat-value{font-size:18px;font-weight:800;font-family:var(--mono);color:var(--text-primary)}
.f1-panel-section{margin-bottom:16px}
.f1-panel-section-title{font-size:9px;font-weight:800;color:var(--text-muted);letter-spacing:1.5px;font-family:var(--mono);text-transform:uppercase;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--border)}
.f1-panel-q-times{display:flex;gap:8px}
.f1-panel-q-cell{flex:1;background:var(--bg-inset);border-radius:8px;padding:10px;text-align:center}
.f1-panel-q-none{opacity:.35}
.f1-panel-q-label{font-size:10px;font-weight:700;color:var(--text-muted);font-family:var(--mono);margin-bottom:4px}
.f1-panel-q-value{font-size:14px;font-weight:700;font-family:var(--mono);color:var(--text-primary)}
.f1-panel-q-pos .f1-panel-q-value{color:#FFAB00}
.f1-panel-fl{display:flex;align-items:center;gap:12px}
.f1-panel-fl-time{font-size:18px;font-weight:800;font-family:var(--mono);color:var(--text-primary)}
.f1-panel-fl-time.f1-fl-purple{color:#A855F7}
.f1-panel-fl-detail{font-size:11px;color:var(--text-muted);font-family:var(--mono)}
.f1-panel-stints{display:flex;flex-direction:column;gap:6px}
.f1-panel-stint{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-inset);border-radius:6px}
.f1-panel-stint-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.f1-panel-stint-compound{font-size:12px;font-weight:700;color:var(--text-primary);min-width:80px}
.f1-panel-stint-laps{font-size:11px;color:var(--text-secondary);font-family:var(--mono)}
.f1-panel-stint-age{font-size:10px;color:var(--text-muted);margin-left:auto;font-family:var(--mono)}
.f1-panel-pits{display:flex;flex-wrap:wrap;gap:8px}
.f1-panel-pit{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-inset);border-radius:6px;flex:1;min-width:120px}
.f1-panel-pit-num{font-size:10px;font-weight:700;color:var(--text-muted);font-family:var(--mono)}
.f1-panel-pit-lap{font-size:12px;color:var(--text-secondary);font-family:var(--mono)}
.f1-panel-pit-dur{font-size:12px;font-weight:700;color:var(--text-primary);font-family:var(--mono);margin-left:auto}
.f1-panel-pred-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}