:root{
  --bg:#081119;
  --bg2:#111d28;
  --surface:rgba(9,16,24,.9);
  --surface2:rgba(18,30,42,.92);
  --border:rgba(154,206,255,.22);
  --text:#edf5ff;
  --muted:#a8bed4;
  --accent:#ff5d3f;
  --accent2:#ffd166;
  --ok:#64f2a8;
  --warn:#ffbf69;
  --mono:"JetBrains Mono","Cascadia Mono",Consolas,monospace;
  --sans:"Manrope","Segoe UI",sans-serif;
  --shadow:0 10px 28px rgba(0,0,0,.32);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.vt-body{
  min-height:100vh;
  color:var(--text);
  font-family:var(--sans);
  background:
    radial-gradient(circle at top left,rgba(255,209,102,.10),transparent 24%),
    radial-gradient(circle at bottom right,rgba(255,93,63,.14),transparent 28%),
    linear-gradient(160deg,var(--bg),var(--bg2));
}
a{color:inherit}
.vt-shell{width:min(1480px,calc(100% - 20px));margin:10px auto}
.page-mobile .vt-shell{width:min(980px,calc(100% - 12px));margin:6px auto 84px}
.vt-hero,.vt-card,.vt-panel,.vt-list-card{
  background:linear-gradient(180deg,var(--surface),var(--surface2));
  border:1px solid var(--border);
  border-radius:14px;
  box-shadow:var(--shadow);
}
.vt-hero,.vt-card,.vt-panel{padding:12px 14px}
.vt-card{margin-top:10px}
.vt-topline,.vt-header-actions,.vt-chip-row,.vt-periods,.vt-btn-row,.vt-tabs{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.vt-topline{justify-content:space-between;align-items:flex-start}
.vt-chip-row{margin-top:10px}
.vt-title{margin:0;font-size:clamp(22px,2.6vw,34px);line-height:1.05;letter-spacing:-.03em}
.vt-sub{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.45;max-width:860px}
.vt-select,.vt-input,.vt-btn,.vt-link,.vt-period,.vt-tab,.vt-mini{
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  background:rgba(255,255,255,.08);
  color:var(--text);
  padding:7px 11px;
  font:inherit;
  font-size:13px;
}
.vt-btn,.vt-period,.vt-tab,.vt-mini,.vt-link{font-weight:800;text-decoration:none;cursor:pointer}
.vt-btn.primary,.vt-period.active,.vt-tab.active{background:linear-gradient(180deg,rgba(255,93,63,.98),rgba(255,93,63,.78));border-color:rgba(255,93,63,.72)}
.vt-link,.vt-mini{background:linear-gradient(180deg,rgba(255,209,102,.96),rgba(255,209,102,.76));border-color:rgba(255,209,102,.72);color:#241a00}
.vt-periods{gap:6px;margin-top:10px}
.vt-period{padding:5px 10px;font-size:12px;border-radius:999px}
.vt-chip,.vt-status,.vt-badge,.vt-pill,.vt-metric{
  display:inline-flex;
  gap:6px;
  align-items:center;
  padding:4px 10px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(255,255,255,.05);
  font-family:var(--mono);
  font-size:11px;
}
.vt-status.ok{color:var(--ok);border-color:rgba(100,242,168,.35);background:rgba(100,242,168,.08)}
.vt-status.warn{color:var(--warn);border-color:rgba(255,191,105,.35);background:rgba(255,191,105,.08)}
.vt-badge{background:linear-gradient(135deg,#fff0bc,#ffd166);color:#261800;border-color:rgba(255,209,102,.7);padding:2px 7px;font-weight:800}
.vt-pill.ok{color:var(--ok)}
.vt-pill.warn{color:var(--warn)}
.vt-pill.mid{color:var(--accent2)}
.vt-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px;margin-top:12px}
.vt-stack{display:grid;gap:12px}
.vt-kpis,.vt-context,.vt-live-head,.vt-history-controls,.vt-details{display:grid;gap:10px}
.vt-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px}
.vt-context,.vt-live-head{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}
.vt-history-controls{grid-template-columns:1fr 1fr auto}
.vt-details{grid-template-columns:repeat(3,minmax(0,1fr))}
.vt-box{border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.04);padding:9px 11px}
.vt-label{color:var(--muted);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.vt-value{margin-top:3px;font-size:clamp(17px,1.7vw,24px);font-weight:800}
.vt-note,.vt-copy,.vt-empty{color:var(--muted);line-height:1.45}
.vt-note{font-size:12px}
.vt-copy{margin:3px 0 0;font-size:12px}
.vt-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.vt-head h2,.vt-panel h2{margin:0;font-size:14px;letter-spacing:-.01em}
.vt-subhead{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.vt-table-wrap{margin-top:10px;overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:6px}
.vt-table-wrap-tall{max-height:72vh}
.vt-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12px}
.vt-table th,.vt-table td{padding:6px 9px;text-align:left;border-bottom:1px solid rgba(255,255,255,.07);vertical-align:top}
.vt-table th{position:sticky;top:0;background:rgba(7,14,21,.96);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px}
.vt-table .vt-num{text-align:right;white-space:nowrap}
.vt-table-dense th,.vt-table-dense td{padding:4px 7px}
.vt-table-dense tbody tr{cursor:pointer}
.vt-table-dense tbody tr:hover{background:rgba(255,255,255,.045)}
.vt-rank-cell{color:var(--accent2);font-weight:900}
.vt-why{min-width:210px;max-width:360px;color:var(--muted);font-size:11px;line-height:1.35}
.vt-name{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap;font-weight:700}
.vt-list{display:grid;gap:8px;margin-top:10px}
.vt-list-card{overflow:hidden}
.vt-list-card>summary{list-style:none;cursor:pointer;padding:10px 12px}
.vt-list-card>summary::-webkit-details-marker{display:none}
.vt-list-card[open]>summary{border-bottom:1px solid rgba(255,255,255,.08)}
.vt-rowtop{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.vt-rank{font-family:var(--mono);font-size:15px;font-weight:800;color:var(--accent2)}
.vt-rowmetrics{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.vt-rowbody{padding:10px 12px 12px}
.vt-callout{margin-top:8px;border-left:3px solid rgba(255,209,102,.65);padding-left:10px;color:var(--muted);font-size:12px;line-height:1.45}
.vt-cards{display:grid;gap:8px;margin-top:10px}
.vt-live{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04)}
.vt-pos{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.08);font-family:var(--mono);font-weight:800}
.vt-live-stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.vt-tab-shell{display:none}
.page-mobile .vt-tab-shell{display:block;position:fixed;left:8px;right:8px;bottom:8px;z-index:30;background:rgba(8,17,25,.94);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:8px}
.page-mobile .vt-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.vt-tab-shell-desktop{display:block;margin-top:10px;position:static;padding:6px;background:linear-gradient(180deg,var(--surface),var(--surface2));border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}
.vt-tab-shell-desktop .vt-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.vt-tab-shell-desktop .vt-tab{text-align:center}
.vt-tab-panel.is-hidden,.page-mobile .is-hidden{display:none}
.vt-details-compact{grid-template-columns:repeat(4,minmax(0,1fr))}
#selectedDriverBests{margin:8px 0}
#selectedDriverBests:empty{display:none;margin:0}
.vt-donly{display:block}
.vt-monly{display:none}
.page-mobile .vt-donly{display:none}
.page-mobile .vt-monly{display:block}
@media (max-width:1180px){
  .vt-grid,.vt-context,.vt-live-head,.vt-history-controls,.vt-details{grid-template-columns:1fr}
  .vt-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vt-tab-shell-desktop .vt-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .vt-shell{width:min(100%,calc(100% - 10px))}
  .vt-title{font-size:clamp(20px,8vw,30px)}
  .vt-sub{font-size:12px}
  .vt-kpis,.vt-history-controls,.vt-live-head,.vt-details{grid-template-columns:1fr}
  .vt-details-compact{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vt-live{grid-template-columns:auto 1fr}
  .vt-live-stats{grid-column:1/-1;justify-content:flex-start}
  .vt-table th,.vt-table td{padding:5px 7px;font-size:11px}
}