:root{--bg:#000;--panel:#0a0a0a;--border:#1f1f1f;--text:#f5f5f5;--dim:#8a8a8a;--green:#39ff14;--green-dim:rgba(57,255,20,.12);--red:#ff3131;--yellow:#ffe500;font-size:16px}
*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:"Segoe UI",system-ui,sans-serif}body{min-height:100vh}.pitwall-shell{max-width:480px;padding:0 12px 24px}.control-bar{position:sticky;top:0;z-index:10;background:var(--bg);padding:10px 0;border-bottom:1px solid var(--border)}.app-kicker{color:var(--yellow);font-size:.7rem;font-weight:800;letter-spacing:2px}.selected-summary{color:var(--dim);font-size:.8rem;margin-top:2px}.hamburger-button{width:44px;height:40px;border:1px solid var(--border);border-radius:8px;background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.hamburger-button span{display:block;width:20px;height:2px;background:var(--yellow);border-radius:2px}.pitwall-drawer{background:var(--panel);color:var(--text);width:min(88vw,360px)}.pitwall-drawer .offcanvas-header{border-bottom:1px solid var(--border)}.pitwall-drawer .offcanvas-title{font-size:1.2rem;font-weight:800;text-transform:uppercase;letter-spacing:1px}.drawer-field{margin-bottom:18px}.drawer-field label{margin-bottom:7px}label,.hero-label,.interval-label,.section-title{display:block;color:var(--dim);font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px}.form-control,.form-select{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px}.form-control:focus,.form-select:focus{background:var(--panel);color:var(--text);border-color:var(--yellow);box-shadow:0 0 0 2px rgba(255,229,0,.2)}.btn-setting{background:var(--yellow);border-color:var(--yellow);color:#000;font-weight:800}.btn-setting:disabled{opacity:.45}.stale-indicator{text-align:center;padding:10px;color:var(--dim);font-size:.9rem;font-variant-numeric:tabular-nums}.stale-indicator.stale{color:var(--red);font-weight:700}.stale-indicator .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:6px}.stale-indicator.stale .dot{background:var(--red)}.driver-banner,.hero-cell,.interval-card,.pace-cell,.lap-row{background:var(--panel);border:1px solid var(--border);border-radius:12px}.driver-banner{padding:16px;display:flex;align-items:center;gap:14px;margin-bottom:10px}.car-badge{background:var(--yellow);color:#000;font-weight:900;font-size:2rem;border-radius:10px;padding:6px 14px}.driver-name{font-size:1.4rem;font-weight:700;text-transform:uppercase}.driver-meta,.hero-sub,.lap-num,.lap-mph{color:var(--dim)}.hero-grid,.interval-row,.pace-row{display:grid;gap:8px;margin-bottom:10px}.hero-grid{grid-template-columns:repeat(3,1fr)}.interval-row,.pace-row{grid-template-columns:1fr 1fr}.hero-cell,.interval-card,.pace-cell{padding:14px 10px;text-align:center}.hero-value{font-size:2rem;font-weight:800;margin-top:6px}.hero-value.neon{color:var(--green);text-shadow:0 0 18px rgba(57,255,20,.45)}.interval-card{min-height:104px;text-align:left}.interval-value{font-size:1.7rem;font-weight:800;margin-top:4px;font-variant-numeric:tabular-nums}.interval-card.gaining{background:var(--green-dim);border-color:rgba(57,255,20,.35)}.interval-card.gaining .interval-value{color:var(--green)}.pace-cell{text-align:center}.pace-value{font-size:1.5rem;font-weight:800}.section-title{margin:14px 0 6px}.lap-list{display:flex;flex-direction:column;gap:6px}.lap-legend{display:flex;justify-content:space-between;color:var(--dim);font-size:.62rem;text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px}.legend-swatch{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:3px}.lap-row{display:grid;grid-template-columns:64px 1fr 116px;padding:12px;align-items:center;font-variant-numeric:tabular-nums}.lap-row.lap-fast{background:rgba(57,255,20,.16);border-color:rgba(57,255,20,.5)}.lap-row.lap-mid{background:rgba(255,229,0,.12);border-color:rgba(255,229,0,.35)}.lap-row.lap-slow{background:rgba(255,49,49,.14);border-color:rgba(255,49,49,.45)}.lap-row.fastest{box-shadow:0 0 12px rgba(57,255,20,.25)}.lap-row.fastest .lap-time{font-weight:900}.lap-fast{background:var(--green)}.lap-mid{background:var(--yellow)}.lap-slow{background:var(--red)}.lap-time{font-size:1.3rem;font-weight:700}.lap-trend-wrap{display:flex;justify-content:flex-end;align-items:center;gap:8px}.lap-mph{text-align:right;color:var(--dim)}.lap-trend{font-size:1.15rem;font-weight:900;line-height:1}.lap-trend.faster{color:var(--green)}.lap-trend.slower{color:var(--red)}.lap-trend.neutral{color:var(--dim)}.empty-state{text-align:center;color:var(--dim);padding:60px 20px;font-size:1.1rem}