
:root{
  --bg:#0a0e14;--panel:#121a27;--line:rgba(255,255,255,.09);--text:#eef3ff;--muted:#96a5c3;
  --red:#ff2847;--cyan:#4ad6ff;--green:#43d17d;--purple:#b165ff;--yellow:#ffd85a;--shadow:0 18px 48px rgba(0,0,0,.35);--radius:22px;
}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(circle at top left,#172032 0%,var(--bg) 35%,#06080d 100%);color:var(--text)}
body{font-family:Inter,system-ui,sans-serif}.mono,input,textarea,select,button,code{font-family:"JetBrains Mono",monospace}a{color:inherit;text-decoration:none}
.app-shell{max-width:1500px;margin:0 auto;padding:20px}.panel{background:linear-gradient(180deg,rgba(20,27,40,.96),rgba(13,18,27,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}
.hero{display:grid;grid-template-columns:1.25fr .95fr;gap:18px;margin-bottom:18px}.hero h1{margin:8px 0 10px;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.04em}.muted{color:var(--muted);line-height:1.6}.hero-brand{display:flex;align-items:center;gap:14px}.hero-flag{width:74px;border-radius:12px;border:1px solid rgba(255,255,255,.12)}
.hero-stats{display:grid;gap:14px}.stat-card{padding:18px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}.stat-card strong{display:block;font-size:clamp(1.3rem,4vw,2rem);margin:10px 0 4px}.stat-card .big{font-size:clamp(1.7rem,6vw,2.4rem)}.stat-label{display:block;color:var(--muted);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}.accent-red{box-shadow:inset 3px 0 0 var(--red)}.accent-cyan{box-shadow:inset 3px 0 0 var(--cyan)}.accent-green{box-shadow:inset 3px 0 0 var(--green)}.accent-purple{box-shadow:inset 3px 0 0 var(--purple)}.chip-row,.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.chip,.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);font-size:.88rem}.btn{cursor:pointer;font-weight:700}.btn:hover{background:rgba(255,255,255,.08)}.btn-primary{background:linear-gradient(135deg,var(--red),#ff5d48);border-color:transparent;color:white}
.main-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.section-span-12{grid-column:span 12}.section-span-8{grid-column:span 8}.section-span-6{grid-column:span 6}.section-span-4{grid-column:span 4}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.section-head h2{margin:4px 0 0;font-size:1.28rem}.section-kicker{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);font-weight:700}
.note-box{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03);padding:16px;color:var(--muted);line-height:1.6}.note-box.success{border-color:rgba(67,209,125,.35);color:#d9ffe7}.note-box.error{border-color:rgba(255,40,71,.45);color:#ffd9df}.save-box{margin-top:14px;min-height:58px}
.history-table-wrap{overflow:auto}.history-table{width:100%;border-collapse:collapse}.history-table th,.history-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.history-table th{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.history-cell{width:100%;min-width:92px;background:rgba(8,11,18,.75);color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 11px}.history-cell.small{min-width:72px}.history-cell:focus{outline:1px solid var(--cyan)}
.row-label{font-weight:800}.row-hint{font-size:.72rem;color:var(--muted);margin-top:4px}.prediction-row td{background:rgba(177,101,255,.08)}.year-2026-row td{background:rgba(74,214,255,.06)}
.checkbox-cell{display:flex;justify-content:center;align-items:center}.checkbox-cell input{width:18px;height:18px}.weight-cell{width:82px}
.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-card{border:1px solid var(--line);background:rgba(255,255,255,.03);padding:14px;border-radius:16px}.metric-card span{display:block;color:var(--muted);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
.analysis-box{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03);padding:16px;line-height:1.6}.analysis-box table{width:100%;border-collapse:collapse;margin-top:10px}.analysis-box th,.analysis-box td{padding:8px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.analysis-box th{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.78rem}.pill.good{background:rgba(67,209,125,.16);color:#c8ffdf}.pill.warn{background:rgba(255,216,90,.16);color:#ffefba}.pill.bad{background:rgba(255,40,71,.16);color:#ffd4db}
.subtle{color:var(--muted);font-size:.9rem}.link-back{display:inline-flex;align-items:center;gap:8px}
@media (max-width:1160px){.hero{grid-template-columns:1fr}.section-span-8,.section-span-6,.section-span-4{grid-column:span 12}.metrics-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.app-shell{padding:14px}.panel{padding:16px}.metrics-grid{grid-template-columns:1fr}.hero-brand{flex-wrap:wrap}}


.matrix-cell{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);min-width:118px}
.matrix-cell.is-excluded{border-color:rgba(255,40,71,.55);background:rgba(255,40,71,.12)}
.matrix-cell.is-validated{box-shadow:inset 0 0 0 1px rgba(67,209,125,.45)}
.matrix-cell.is-excluded.is-validated{box-shadow:inset 0 0 0 1px rgba(67,209,125,.35)}
.cell-switches{display:flex;gap:8px;flex-wrap:wrap}
.mini-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);font-size:.72rem;color:var(--muted)}
.mini-toggle input{margin:0;width:14px;height:14px}
.mini-toggle:has(input:checked){color:#d9ffe7;border-color:rgba(67,209,125,.45);background:rgba(67,209,125,.12)}
.mini-toggle.danger:has(input:checked){color:#ffd9df;border-color:rgba(255,40,71,.55);background:rgba(255,40,71,.16)}


.confidence-high{color:#0f8f3d !important}
.confidence-medium{color:#67c85d !important}
.confidence-low{color:#ffd85a !important}
.confidence-none{color:#ff5b6f !important}
#confidenceHero{font-weight:800}
.confidence-explain,.confidence-suggestions{margin-top:12px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.confidence-explain ul,.confidence-suggestions ul{margin:8px 0 0 18px;padding:0}
.debug-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.debug-pill{padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.debug-pill span{display:block;font-size:.78rem;color:var(--muted);margin-bottom:4px}
.debug-pill strong{font-size:1rem}
.debug-equation{margin:10px 0 12px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
@media (max-width: 900px){.debug-summary-grid{grid-template-columns:1fr 1fr}}


.info-glow-box{
  margin-top:14px;
  padding:18px 22px;
  border-radius:18px;
  color:#7ec3ff;
  line-height:1.75;
  background:linear-gradient(180deg, rgba(9,22,45,.88), rgba(8,16,31,.92));
  border:1px solid rgba(77,166,255,.62);
  box-shadow:0 0 10px rgba(77,166,255,.32), 0 0 28px rgba(77,166,255,.22), inset 0 0 14px rgba(77,166,255,.12);
  text-shadow:0 0 8px rgba(77,166,255,.18);
}
.info-glow-box strong{color:#b9ddff}
.info-glow-box:hover{
  box-shadow:0 0 14px rgba(77,166,255,.42), 0 0 36px rgba(77,166,255,.28), inset 0 0 16px rgba(77,166,255,.16);
}

.hero-flag-text{width:74px;height:52px;border-radius:12px;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:2rem;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03))}
.gp-selector-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.gp-option{padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);cursor:pointer;display:flex;gap:10px;align-items:flex-start;transition:.18s ease}
.gp-option:hover{background:rgba(255,255,255,.06);transform:translateY(-1px)}
.gp-option.active{border-color:rgba(74,214,255,.65);box-shadow:0 0 0 1px rgba(74,214,255,.35) inset;background:rgba(74,214,255,.08)}
.gp-emoji{font-size:1.5rem;line-height:1}
.gp-meta strong{display:block;font-size:.98rem}.gp-meta small{display:block;color:var(--muted);margin-top:4px;line-height:1.35}


.final-tip{color:#c77dff;font-weight:800;text-shadow:0 0 6px rgba(199,125,255,.8),0 0 14px rgba(199,125,255,.5);}
.gp-option{color:#7ec3ff;border-color:rgba(77,166,255,.55);box-shadow:0 0 8px rgba(77,166,255,.16), inset 0 0 8px rgba(77,166,255,.06);}
.gp-option .gp-meta strong{color:#7ec3ff;text-shadow:0 0 8px rgba(77,166,255,.2);}
.gp-option .gp-meta small{color:#b9ddff;}
.gp-option:hover{border-color:rgba(77,166,255,.78);box-shadow:0 0 12px rgba(77,166,255,.26),0 0 24px rgba(77,166,255,.14), inset 0 0 12px rgba(77,166,255,.08);}
.gp-option.active{border-color:rgba(77,166,255,.95);box-shadow:0 0 0 1px rgba(74,214,255,.45) inset, 0 0 16px rgba(77,166,255,.28), 0 0 32px rgba(77,166,255,.16);background:rgba(74,214,255,.10);}
.hero-flag-text{width:74px;height:52px;font-size:2rem;}


.historical-pattern-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:14px}
.pattern-year-card{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03);padding:16px}
.pattern-year-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}
.pattern-year-title{font-size:1.05rem;font-weight:800}
.pattern-year-score{font-weight:800;font-size:1rem}
.pattern-session-list{display:grid;gap:8px}
.pattern-session-row{display:grid;grid-template-columns:48px 78px minmax(150px,1fr) 64px;gap:10px;align-items:center}
.pattern-session-name{font-size:.84rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.pattern-track{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.pattern-fill{height:100%;border-radius:999px;background:currentColor}
.pattern-value{font-size:.84rem;font-weight:700}
.pattern-green{color:#43d17d}.pattern-yellow{color:#ffd85a}.pattern-red{color:#ff6b7d}.pattern-neutral{color:#96a5c3}
.pattern-empty{border:1px dashed rgba(255,255,255,.16);border-radius:16px;padding:18px;color:var(--muted)}

.pattern-calc-box{margin-top:14px;border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:rgba(255,255,255,.03);color:var(--muted);line-height:1.6}
.inactive-year-card{opacity:.78;background:rgba(255,255,255,.02)}
.pattern-session-row.is-inactive .pattern-track{opacity:.35}


.pattern-session-head{padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:2px}
.pattern-session-head .pattern-session-name,.pattern-session-head .pattern-abs,.pattern-session-head .pattern-slider-label,.pattern-session-head .pattern-value{font-size:.72rem;color:var(--muted);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.pattern-abs,.pattern-offset{font-size:.8rem;font-weight:700;color:#dce7ff}
.pattern-slider-label{font-size:.72rem;color:var(--muted);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.pattern-slider-wrap{display:grid;gap:6px}
.pattern-slider{position:relative;height:12px;border-radius:999px;background:linear-gradient(90deg, rgba(255,107,125,.12) 0%, rgba(255,255,255,.08) 48%, rgba(255,255,255,.08) 52%, rgba(67,209,125,.12) 100%);overflow:visible}
.pattern-slider-zero{position:absolute;left:50%;top:-2px;bottom:-2px;width:2px;background:rgba(255,255,255,.45);transform:translateX(-50%)}
.pattern-slider-thumb{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:currentColor;transform:translate(-50%,-50%);box-shadow:0 0 0 2px rgba(0,0,0,.35)}
.pattern-offset{font-size:.76rem}
@media (max-width: 720px){.pattern-session-row{grid-template-columns:44px 70px minmax(120px,1fr) 58px}}

.live-2026{
  color:#7dd3fc;
  text-shadow:0 0 6px rgba(125,211,252,.7);
}

.live-prediction{
  color:#22c55e;
  text-shadow:0 0 6px rgba(34,197,94,.6);
}


.live-delta{color:#dce7ff}
.analysis-box table th:nth-child(4),
.analysis-box table th:nth-child(5),
.analysis-box table th:nth-child(6),
.analysis-box table td:nth-child(4),
.analysis-box table td:nth-child(5),
.analysis-box table td:nth-child(6){white-space:nowrap}

.live-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.live-table{min-width:640px}

.delta-real{
  color:#7dd3fc;
  text-shadow:0 0 6px rgba(125,211,252,.7);
}

.delta-tip{
  color:#22c55e;
  text-shadow:0 0 6px rgba(34,197,94,.6);
}


.hero-flag-text{display:grid;place-items:center;width:74px;height:74px;border-radius:18px;border:1px solid rgba(74,214,255,.35);background:radial-gradient(circle at 30% 30%,rgba(74,214,255,.28),rgba(177,101,255,.16) 45%,rgba(67,209,125,.12) 72%,rgba(255,255,255,.02) 100%);box-shadow:0 0 0 1px rgba(74,214,255,.18),0 0 30px rgba(74,214,255,.15);font-size:2rem}
.info-glow-box{margin-top:16px;padding:18px 20px;border-radius:18px;border:1px solid rgba(74,214,255,.26);background:linear-gradient(135deg,rgba(74,214,255,.10),rgba(177,101,255,.08) 48%,rgba(67,209,125,.08));box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 34px rgba(74,214,255,.08);line-height:1.7;color:#dce8ff}
.chip-glow{border-color:rgba(74,214,255,.32);background:linear-gradient(135deg,rgba(74,214,255,.12),rgba(177,101,255,.08));box-shadow:0 0 22px rgba(74,214,255,.10)}
.glow-card{position:relative;overflow:hidden}
.glow-card::after{content:'';position:absolute;inset:auto -30% -60% -30%;height:120px;background:radial-gradient(circle,rgba(74,214,255,.22),transparent 65%);pointer-events:none}
.results-hero{align-items:stretch}
.results-badge{font-size:2.1rem}
.results-intro{max-width:860px}
.results-stats{align-content:start}
.podium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.podium-card{position:relative;padding:20px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));box-shadow:var(--shadow)}
.podium-card::before{content:'';position:absolute;inset:0;border-radius:20px;pointer-events:none}
.podium-1::before{box-shadow:inset 0 0 0 1px rgba(74,214,255,.45),0 0 34px rgba(74,214,255,.10)}
.podium-2::before{box-shadow:inset 0 0 0 1px rgba(67,209,125,.30)}
.podium-3::before{box-shadow:inset 0 0 0 1px rgba(177,101,255,.30)}
.podium-place{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);font-size:.82rem;color:var(--muted)}
.podium-card h3{margin:18px 0 10px;font-size:1.3rem}
.podium-total{font-size:2rem;font-weight:800}
.standings-head{align-items:end}
.results-toolbar{display:flex;gap:12px;align-items:center}
.search-box{display:grid;gap:8px;font-size:.82rem;color:var(--muted)}
.search-box input{min-width:260px;padding:12px 14px;border-radius:14px;border:1px solid rgba(74,214,255,.24);background:rgba(8,11,18,.82);color:var(--text);outline:none;box-shadow:0 0 0 1px rgba(177,101,255,.06)}
.search-box input:focus{border-color:rgba(74,214,255,.48);box-shadow:0 0 0 4px rgba(74,214,255,.10)}
.results-table-wrap{overflow:auto;border-radius:18px;border:1px solid rgba(74,214,255,.14);background:rgba(6,10,16,.45)}
.results-table{width:100%;border-collapse:separate;border-spacing:0}
.results-table thead th{position:sticky;top:0;background:linear-gradient(180deg,rgba(17,24,36,.98),rgba(12,17,25,.98));z-index:1}
.results-table th,.results-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.07);white-space:nowrap}
.results-table th{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:left}
.results-table tbody tr:nth-child(odd){background:rgba(255,255,255,.02)}
.results-table tbody tr:hover{background:linear-gradient(90deg,rgba(74,214,255,.07),rgba(177,101,255,.06),rgba(67,209,125,.05))}
.place-cell{font-weight:800;color:var(--cyan)}
.name-cell{font-weight:700;min-width:220px}
.total-cell{font-weight:800;color:#dffff0}
.empty-state{text-align:center;color:var(--muted);padding:26px 16px}
.results-footnote{margin-top:16px}
@media (max-width:1160px){.podium-grid{grid-template-columns:1fr}.results-toolbar{width:100%}.search-box input{min-width:0;width:100%}}


:root{
  --pitwall-cyan: #63d8ff;
  --pitwall-purple: #b36bff;
  --pitwall-green: #52e08c;
  --pitwall-panel: rgba(10,14,24,.88);
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(99,216,255,.03), transparent 18%, transparent 82%, rgba(179,107,255,.03)),
    repeating-linear-gradient(90deg, transparent 0 68px, rgba(255,255,255,.018) 68px 69px),
    repeating-linear-gradient(180deg, transparent 0 68px, rgba(255,255,255,.014) 68px 69px);
  opacity:.85;
}

.panel{
  position:relative;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)),
    linear-gradient(135deg, rgba(99,216,255,.06), rgba(179,107,255,.05) 52%, rgba(82,224,140,.04));
  border-color: rgba(99,216,255,.16);
  box-shadow:
    0 0 0 1px rgba(99,216,255,.08),
    0 18px 60px rgba(0,0,0,.36),
    0 0 40px rgba(99,216,255,.05);
}

.panel::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg, rgba(99,216,255,.42), rgba(179,107,255,.28), rgba(82,224,140,.30));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events:none;
  opacity:.65;
}

.hero-upgrade,
.pitwall-upgrade{
  overflow:hidden;
}

.hero-upgrade::after,
.pitwall-upgrade::after{
  content:"";
  position:absolute;
  inset:auto -10% -20% auto;
  width:380px;
  height:380px;
  background:radial-gradient(circle, rgba(99,216,255,.18), rgba(179,107,255,.08) 42%, transparent 72%);
  pointer-events:none;
  filter:blur(8px);
}

.telemetry-strip{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:20px;
}

.telemetry-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 13px;
  border-radius:999px;
  font-size:.74rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.035);
  color:#dfeaff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02), 0 0 18px rgba(255,255,255,.03);
}
.telemetry-pill::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 10px currentColor;
}
.telemetry-cyan{ color:var(--pitwall-cyan); }
.telemetry-green{ color:var(--pitwall-green); }
.telemetry-purple{ color:var(--pitwall-purple); }

.status-rack{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:16px;
}

.status-chip{
  min-width:130px;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(5,9,16,.56);
  border:1px solid rgba(255,255,255,.09);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}
.status-chip span{
  display:block;
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:var(--muted);
  margin-bottom:4px;
}
.status-chip strong{
  display:block;
  font-size:.95rem;
  letter-spacing:.06em;
}
.status-chip.cyan{ box-shadow: inset 0 0 0 1px rgba(99,216,255,.14), 0 0 22px rgba(99,216,255,.06);}
.status-chip.green{ box-shadow: inset 0 0 0 1px rgba(82,224,140,.14), 0 0 22px rgba(82,224,140,.05);}
.status-chip.purple{ box-shadow: inset 0 0 0 1px rgba(179,107,255,.14), 0 0 22px rgba(179,107,255,.05);}

.hero .section-kicker{
  color:#b8d9ff;
  text-shadow: 0 0 14px rgba(99,216,255,.18);
}

.hero h1{
  letter-spacing:.02em;
  text-shadow: 0 0 22px rgba(99,216,255,.08);
}

.info-glow-box{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(135deg, rgba(99,216,255,.11), rgba(179,107,255,.10) 55%, rgba(82,224,140,.08));
  border-color: rgba(99,216,255,.34);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 0 0 1px rgba(99,216,255,.06),
    0 0 30px rgba(99,216,255,.08);
}
.info-glow-box::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent 10%, rgba(255,255,255,.05) 30%, transparent 46%);
  transform:translateX(-40%);
  pointer-events:none;
}

.chip,
.btn{
  border-color:rgba(99,216,255,.22);
  box-shadow: 0 0 18px rgba(99,216,255,.04);
}
.chip:hover,
.btn:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 24px rgba(0,0,0,.18), 0 0 26px rgba(99,216,255,.08);
}

.stat-card,
.metric-card,
.note-box,
.analysis-box{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025)),
    rgba(8,11,18,.74);
  border-color: rgba(255,255,255,.08);
}

.stat-card{
  overflow:hidden;
}
.stat-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg, var(--pitwall-cyan), var(--pitwall-purple), var(--pitwall-green));
  opacity:.9;
}
.hero-stats-pitwall .stat-card{
  min-height:132px;
}

.podium-card,
.results-table-wrap,
.history-table-wrap{
  box-shadow: 0 0 0 1px rgba(99,216,255,.06), 0 20px 50px rgba(0,0,0,.24);
}

.results-table tbody tr{
  transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.results-table tbody tr:hover{
  transform:translateX(2px);
  box-shadow: inset 3px 0 0 rgba(99,216,255,.45);
}

.results-table .repeat-total-cell,
.results-table .total-cell{
  text-shadow:0 0 12px rgba(99,216,255,.16);
}

.history-table tbody tr:hover{
  background:linear-gradient(90deg, rgba(99,216,255,.06), rgba(179,107,255,.04), transparent);
}

.btn-primary{
  background:linear-gradient(135deg, rgba(99,216,255,.20), rgba(179,107,255,.16));
}

@media (max-width: 900px){
  .telemetry-strip{margin-bottom:14px}
  .status-rack{gap:10px}
  .status-chip{flex:1 1 120px}
}


/* DELTA 4.2 colored result headers */
.results-table thead th.col-aus-gp,
.results-table thead th.col-aus-delta{
  background:#66c7ff !important;
  color:#06263a !important;
}
.results-table thead th.col-chn-spr,
.results-table thead th.col-chn-spr-delta{
  background:#ffd8a8 !important;
  color:#4a2a00 !important;
}
.results-table thead th.col-chn-gp,
.results-table thead th.col-chn-delta{
  background:#ffb357 !important;
  color:#3a1d00 !important;
}
.results-table thead th.col-jap-gp,
.results-table thead th.col-jap-delta{
  background:#7dff9b !important;
  color:#093015 !important;
}



/* DELTA 4.2.2 guaranteed colored headers */
.results-table thead th.col-aus-gp,
.results-table thead th.col-aus-delta{
  background:#66c7ff !important;
  color:#06263a !important;
}
.results-table thead th.col-chn-spr,
.results-table thead th.col-chn-spr-delta{
  background:#ffd8a8 !important;
  color:#4a2a00 !important;
}
.results-table thead th.col-chn-gp,
.results-table thead th.col-chn-delta{
  background:#ffb357 !important;
  color:#3a1d00 !important;
}
.results-table thead th.col-jap-gp,
.results-table thead th.col-jap-delta{
  background:#7dff9b !important;
  color:#093015 !important;
}


/* DELTA v4.6.1 real color fix */
.results-table thead th.aus-glow{background:#66c7ff !important;color:#06263a !important;text-shadow:none !important;}
.results-table thead th.chn-spr-glow{background:#ffd8a8 !important;color:#4a2a00 !important;text-shadow:none !important;}
.results-table thead th.chn-norm-glow{background:#ffb357 !important;color:#3a1d00 !important;text-shadow:none !important;}
.results-table thead th.jap-glow{background:#7dff9b !important;color:#093015 !important;text-shadow:none !important;}
.results-table tbody td.aus-glow{background:rgba(102,199,255,.08);}
.results-table tbody td.chn-spr-glow{background:rgba(255,216,168,.08);}
.results-table tbody td.chn-norm-glow{background:rgba(255,179,87,.08);}
.results-table tbody td.jap-glow{background:rgba(125,255,155,.08);}


/* DELTA v4.6.1 final colors */
.results-table thead th.aus-glow{background:#66c7ff !important;color:#06263a !important;text-shadow:none !important;}
.results-table thead th.chn-spr-glow{background:#ffd8a8 !important;color:#4a2a00 !important;text-shadow:none !important;}
.results-table thead th.chn-norm-glow{background:#ffb357 !important;color:#3a1d00 !important;text-shadow:none !important;}
.results-table thead th.jap-glow{background:#ff9ecf !important;color:#3a0020 !important;text-shadow:none !important;}
.results-table thead th.delta-glow{background:#7dff9b !important;color:#093015 !important;text-shadow:none !important;}
.results-table tbody td.aus-glow{background:rgba(102,199,255,.08);}
.results-table tbody td.chn-spr-glow{background:rgba(255,216,168,.08);}
.results-table tbody td.chn-norm-glow{background:rgba(255,179,87,.08);}
.results-table tbody td.jap-glow{background:rgba(255,158,207,.10);}
.results-table tbody td.delta-glow{background:rgba(125,255,155,.12);}


.chatgpt-note{
  color:#7fd8ff;
  font-weight:700;
  letter-spacing:0.3px;
  text-shadow:
    0 0 4px #7fd8ff,
    0 0 10px #7fd8ff,
    0 0 18px #66c7ff;
}

.stat-note{
  color:#8fe3ff;
  font-weight:700;
  text-shadow:
    0 0 5px #8fe3ff,
    0 0 10px #66c7ff,
    0 0 20px #66c7ff,
    0 0 30px #66c7ff;
}


/* DELTA v4.6.1 mobile horizontal scroll */
.table-scroll{
  width:100%;
  overflow-x:auto;
  overflow-y:visible;
  -webkit-overflow-scrolling:touch;
}

@media (max-width: 768px){
  .table-scroll{
    margin:0 -8px;
    padding:0 8px 6px;
  }

  .results-table{
    min-width: 1120px !important;
  }

  .results-table th,
  .results-table td{
    white-space: nowrap;
  }
}


/* DELTA v4.6.1 login overlay */
#login-screen{
  position:fixed;
  inset:0;
  background:linear-gradient(180deg, rgba(6,12,24,.96), rgba(12,22,40,.96));
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  z-index:99999;
}
.login-box{
  width:min(92vw, 360px);
  background:rgba(12,18,32,.96);
  border:1px solid rgba(102,199,255,.25);
  border-radius:18px;
  box-shadow:0 18px 60px rgba(0,0,0,.45), 0 0 24px rgba(102,199,255,.08);
  padding:22px 18px 18px;
  text-align:center;
}
.login-box h2{
  margin:0 0 14px;
  font-size:1.25rem;
}
.login-box input{
  width:100%;
  box-sizing:border-box;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(102,199,255,.25);
  background:#0c1526;
  color:#eaf6ff;
  outline:none;
  margin-bottom:10px;
}
.login-box input:focus{
  border-color:#66c7ff;
  box-shadow:0 0 0 3px rgba(102,199,255,.15);
}
.login-box button{
  width:100%;
  border:0;
  border-radius:12px;
  padding:12px 14px;
  background:#66c7ff;
  color:#06263a;
  font-weight:800;
  cursor:pointer;
}
#login-error{
  min-height:20px;
  margin-top:10px;
  color:#ff7d7d;
  font-size:.95rem;
}


/* DELTA v4.6.1 login overlay fix */
#login-overlay{
  position:fixed;
  inset:0;
  background:linear-gradient(180deg, rgba(6,12,24,.96), rgba(12,22,40,.96));
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  z-index:99999;
}
.login-box{
  width:min(92vw, 360px);
  background:rgba(12,18,32,.96);
  border:1px solid rgba(102,199,255,.25);
  border-radius:18px;
  box-shadow:0 18px 60px rgba(0,0,0,.45), 0 0 24px rgba(102,199,255,.08);
  padding:22px 18px 18px;
  text-align:center;
}
.login-box h2{ margin:0 0 14px; font-size:1.25rem; }
.login-box input{
  width:100%;
  box-sizing:border-box;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid rgba(102,199,255,.25);
  background:#0c1526;
  color:#eaf6ff;
  outline:none;
  margin-bottom:10px;
}
.login-box input:focus{
  border-color:#66c7ff;
  box-shadow:0 0 0 3px rgba(102,199,255,.15);
}
.login-box button{
  width:100%;
  border:0;
  border-radius:12px;
  padding:12px 14px;
  background:#66c7ff;
  color:#06263a;
  font-weight:800;
  cursor:pointer;
}
#login-error{
  min-height:20px;
  margin-top:10px;
  color:#ff7d7d;
  font-size:.95rem;
}
