/*! © 2026 Ermis Tatsis. All rights reserved. PiForce Primary Simulator — stemracing.gr/simulator. */
/* Page-local design system: a clean white workspace with hairline cards, in
   the spirit of the team's admin tools. The STEM Racing identity lives in the
   accents: a soft brand wash at the top, gradient tab underlines, charts and
   the race scene. Inter carries Greek and Latin at ordinary sizes. */
#simulator-app{--mesh:radial-gradient(48% 52% at 0% 0%,#0397ccb3 0%,#0397cc00 72%),radial-gradient(40% 46% at 100% 0%,#d0d5008c 0%,#d0d50000 72%),radial-gradient(44% 54% at 100% 62%,#019e3c99 0%,#019e3c00 72%),radial-gradient(46% 52% at 0% 100%,#65b12f99 0%,#65b12f00 72%),radial-gradient(34% 40% at 30% 55%,#01456e26 0%,#01456e00 70%),linear-gradient(180deg,#eef6f9 0%,#f2f7ee 100%);--glass:#ffffff6b;--glass-strong:#ffffffb8;--glass-border:#ffffffe0;--glass-edge:inset 0 1px 0 #ffffff,inset 0 0 0 1px #ffffff47,inset 0 -1px 0 #ffffff80;--glass-sheen:linear-gradient(155deg,#ffffff8c 0%,#ffffff26 34%,#ffffff00 58%,#ffffff33 100%);--glass-blur:blur(32px) saturate(210%);--bg:#f3f7f9;--surface:#ffffffb8;--surface-2:#ffffff73;--sunken:#1001220a;--line:#10012214;--line-strong:#10012229;--text:#111114;--muted:#5d5d68;--faint:#6f6f7b;--accent:#0274a3;--primary:#111114;--primary-hover:#2a2a30;--on-primary:#ffffff;--navy:#01456e;--blue:#0397cc;--green:#019e3c;--lime:#65b12f;--yellow:#d0d500;--good:#15803d;--warn:#a16207;--bad:#dc2626;--best:#7c3aed;--warning:#a16207;--focus:#0397cc;--icon-bg:#e8f5fb;--card-shadow:0 10px 30px #01456e14,0 1px 2px #1001220d;--shadow:0 20px 50px #01456e2e;--grad:linear-gradient(90deg,#0397cc 0%,#019e3c 60%,#65b12f 100%);--grad-wide:linear-gradient(90deg,#01456e 0%,#0397cc 26%,#019e3c 56%,#65b12f 80%,#d0d500 100%);--grad-text:linear-gradient(90deg,#0274a3 0%,#0b8a3b 60%,#4f7d0c 100%);--wash:radial-gradient(36% 70% at 6% 0%,#0397cc2e 0%,transparent 72%),radial-gradient(32% 64% at 38% 0%,#019e3c1f 0%,transparent 72%),radial-gradient(30% 60% at 72% 0%,#65b12f1c 0%,transparent 72%),radial-gradient(28% 56% at 100% 6%,#d0d50024 0%,transparent 72%);--track-bg:linear-gradient(180deg,#01456e,#013656);--chart-speed:#0397cc;--chart-fill:#0397cc;--chart-ref:#11111499;--chart-thrust:#a3a000;--chart-drag:#0274a3;--chart-rolling:#15803d;--chart-grid:#e7e7ea;--heat-0:#01456e;--heat-1:#0397cc;--heat-2:#019e3c;--heat-3:#65b12f;--heat-4:#d0d500;--font:Inter,"Inter Placeholder",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color-scheme:light;background:var(--mesh);background-attachment:fixed;color:var(--text);font:14px/1.5 var(--font);font-variant-numeric:tabular-nums;isolation:isolate;min-height:80vh;position:relative;overflow-x:clip}
#simulator-app[data-theme=dark]{--mesh:radial-gradient(80% 62% at 50% 118%,#7b3a8ceb 0%,#5b2a6b8c 32%,#2a143300 70%),radial-gradient(42% 42% at 0% 0%,#e6007e1f 0%,#e6007e00 70%),radial-gradient(38% 40% at 100% 0%,#971b812e 0%,#971b8100 70%),linear-gradient(180deg,#0b0a0f 0%,#0d0b12 100%);--glass:#17131f99;--glass-strong:#1e1828e6;--glass-border:#ffffff1f;--glass-edge:inset 0 1px 0 #ffffff29,inset 0 0 0 1px #ffffff0a,inset 0 -1px 0 #ffffff0a;--glass-sheen:linear-gradient(155deg,#ffffff1a 0%,#ffffff08 34%,#ffffff00 58%,#ffffff0d 100%);--bg:#0b0a0f;--surface:#1b1624cc;--surface-2:#ffffff08;--sunken:#ffffff0d;--line:#ffffff17;--line-strong:#ffffff2b;--text:#f6f3f9;--muted:#b6adc2;--faint:#877d95;--accent:#ff6fb5;--primary:#ffffff;--primary-hover:#f0e9f5;--on-primary:#100a16;--good:#4ade80;--warn:#facc15;--bad:#f87171;--best:#c084fc;--warning:#facc15;--focus:#fab700;--icon-bg:#e6007e24;--card-shadow:0 10px 30px #00000059;--shadow:0 20px 50px #00000099;--grad:linear-gradient(90deg,#971b81 0%,#e6007e 52%,#ed6c0d 100%);--grad-wide:linear-gradient(90deg,#312783 0%,#971b81 26%,#e6007e 52%,#ed6c0d 76%,#fab700 100%);--grad-text:linear-gradient(90deg,#ff5aa8 0%,#ff8a3d 60%,#fab700 100%);--wash:radial-gradient(40% 70% at 10% 0%,#971b8133 0%,transparent 72%),radial-gradient(34% 60% at 80% 0%,#e6007e1f 0%,transparent 72%);--track-bg:linear-gradient(180deg,#221d2b,#17131e);--chart-speed:#ff5aa8;--chart-fill:#e6007e;--chart-ref:#ffffff99;--chart-thrust:#fab700;--chart-drag:#ff5aa8;--chart-rolling:#7dd3fc;--chart-grid:#ffffff14;--heat-0:#312783;--heat-1:#971b81;--heat-2:#e6007e;--heat-3:#ed6c0d;--heat-4:#fab700;color-scheme:dark}
#simulator-app::before{content:"";position:absolute;inset:0 0 auto;height:460px;z-index:-1;pointer-events:none;background:var(--wash);opacity:.7}
#simulator-app *,#simulator-app *:before,#simulator-app *:after{box-sizing:border-box}
#simulator-app [hidden]{display:none!important}
#simulator-app :is(p,h1,h2,h3,h4){margin:0}
#simulator-app :is(button,input,select){font:inherit;color:inherit}
#simulator-app a{color:inherit;text-decoration:none}
#simulator-app button{cursor:pointer}
#simulator-app button:disabled{cursor:not-allowed;opacity:.45}
#simulator-app :is(button,a,summary,input,[tabindex="0"]):focus-visible{outline:2px solid var(--focus);outline-offset:2px}
#simulator-app [tabindex="-1"]:focus{outline:none}
#simulator-app .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#simulator-app .skip-link{position:fixed;top:-100px;left:20px;padding:10px 16px;border-radius:8px;background:var(--primary);color:var(--on-primary);font-weight:600;z-index:100}
#simulator-app .skip-link:focus{top:14px}
#simulator-app .sim-main{max-width:1760px;margin:0 auto;padding:26px 40px 44px}

/* Page header: team mark, breadcrumb and title. */
#simulator-app .app-bar{display:flex;align-items:center;gap:16px;padding:6px 0 18px}
#simulator-app .app-identity{min-width:0}
#simulator-app .eyebrow{font-size:13px;color:var(--muted)}
#simulator-app .eyebrow>span{margin:0 6px;color:var(--faint)}
#simulator-app h1{margin-top:2px;font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.02em}
#simulator-app .hero-intro{margin-top:2px;font-size:14px;color:var(--muted)}
#simulator-app .piforce-brand{display:grid;place-items:center;width:58px;height:58px;padding:9px;flex-shrink:0;order:-1;border:1px solid var(--line);border-radius:14px;background:transparent;box-shadow:var(--card-shadow)}
#simulator-app .piforce-icon{display:block;width:38px;aspect-ratio:594/566;overflow:hidden;flex-shrink:0}
#simulator-app .piforce-icon img{display:block;width:calc(100% * 1945 / 594);max-width:none;height:auto;padding:0;margin:0;background:transparent;border:0;border-radius:0}

/* Step tabs with a brand underline, and the model status badge. */
#simulator-app .journey{display:flex;align-items:flex-end;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;margin-bottom:24px;border-bottom:1px solid var(--line)}
#simulator-app .stepper ol{display:flex;gap:2px;margin:0;padding:0;list-style:none}
#simulator-app .step{position:relative;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:0;border-radius:8px 8px 0 0;background:transparent;color:var(--muted);font-size:14px;font-weight:500;white-space:nowrap}
#simulator-app .step-no{font-size:12px;color:var(--faint)}
#simulator-app .step[aria-current=step]{color:var(--text);background:color-mix(in srgb,var(--surface) 70%,transparent)}
#simulator-app .step[aria-current=step]::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--grad)}
#simulator-app .step:disabled{opacity:.45}
#simulator-app .model-banner{display:flex;align-items:center;gap:8px;margin-bottom:7px;padding:3px 3px 3px 10px;border:1px solid color-mix(in srgb,#d0a200 35%,transparent);border-radius:999px;background:color-mix(in srgb,#f5c400 10%,var(--surface));font-size:12.5px;color:var(--muted)}
#simulator-app .model-banner strong{font-weight:600;color:var(--warn);white-space:nowrap}
#simulator-app .status-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#e0a800}
#simulator-app .model-info-button{display:grid;place-items:center;width:24px;height:24px;flex:none;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted)}
#simulator-app .action-icon{width:16px;height:16px;flex:none}

/* Headings, controls and buttons. */
#simulator-app .view{scroll-margin-top:16px}
#simulator-app .view-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-bottom:16px}
#simulator-app .kicker{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
#simulator-app .kicker-no{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
#simulator-app .view-heading h2{margin-top:4px;font-size:20px;font-weight:600;line-height:1.3}
#simulator-app .view-lead{margin-top:2px;font-size:14px;color:var(--muted)}
#simulator-app .view-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#simulator-app .segmented{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:9px;background:var(--sunken)}
#simulator-app .segmented button{min-height:30px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:13px;font-weight:500;white-space:nowrap}
#simulator-app .segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #10012219,0 0 0 1px var(--line)}
#simulator-app :is(.ghost-button,.action-button,.icon-button){display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 13px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--text);font-size:14px;font-weight:500;white-space:nowrap;box-shadow:var(--card-shadow)}
#simulator-app .icon-button{width:34px;min-height:34px;padding:0;font-size:20px;line-height:1}
#simulator-app .text-button{padding:4px 8px;border:0;border-radius:6px;background:transparent;color:var(--accent);font-size:13px;font-weight:600}
#simulator-app :is(.run-button,.quick-run,.replay-button){position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 14px;border:1px solid var(--primary);border-radius:8px;background:var(--primary);color:var(--on-primary);font-size:14px;font-weight:500;white-space:nowrap;box-shadow:0 1px 2px #10012229}
#simulator-app .run-button{width:100%;min-height:42px;font-size:15px}
#simulator-app .run-arrow{width:17px;height:17px}
#simulator-app :is(.run-button,.quick-run)[data-state=running]{cursor:progress;opacity:1}
#simulator-app :is(.run-button,.quick-run)[data-state=running]::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--grad);transform-origin:left center;animation:sim-progress 1.3s cubic-bezier(.25,.6,.3,1) forwards}

/* Step 1 · Setup: parameter cards beside the car card. */
#simulator-app .setup-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}
#simulator-app .parameter-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
#simulator-app .param-column{display:grid;gap:16px;align-content:start;min-width:0}
#simulator-app .param-group{min-width:0;margin:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--card-shadow)}
#simulator-app .param-group legend{float:left;display:flex;align-items:center;gap:10px;width:100%;padding:13px 18px;border-bottom:1px solid var(--line);font-size:15px;font-weight:600}
#simulator-app .param-group legend+*{clear:both}
#simulator-app .param-icon{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:8px;background:var(--icon-bg);color:var(--accent)}
#simulator-app .param-icon svg{width:17px;height:17px}
#simulator-app .field-group{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:12px 18px;border-top:1px solid var(--line)}
#simulator-app .param-group legend+.field-group{border-top:0}
#simulator-app .field-label{display:flex;align-items:center;gap:6px;min-width:0}
#simulator-app .field-label>label{font-size:14px;font-weight:500;line-height:1.35}
#simulator-app .help-toggle{position:relative;display:grid;place-items:center;width:20px;height:20px;flex:none;padding:0;border:1px solid var(--line-strong);border-radius:50%;background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:700;line-height:1;transition:color .15s,border-color .15s,background-color .15s}
#simulator-app .help-toggle::before{content:"";position:absolute;inset:-6px;border-radius:50%}
#simulator-app .help-toggle[aria-expanded=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}
@media(hover:hover){#simulator-app .help-toggle:hover{border-color:var(--accent);color:var(--accent)}}
#simulator-app .field-note,#simulator-app .field-group>.field-help{grid-column:1/-1}
#simulator-app .follow-room{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:12.5px;color:var(--muted);cursor:pointer}
#simulator-app .follow-room input{width:15px;height:15px;margin:0;accent-color:var(--accent)}
#simulator-app .number-unit:has(input:disabled){opacity:.6}
/* CdA source: estimated from the dimensions (read-only field) or the team's own. */
#simulator-app .aero-source{display:grid;gap:6px;padding:12px 18px 2px}
#simulator-app .aero-switch{display:flex;width:100%}
#simulator-app .aero-switch button{flex:1;min-width:0;min-height:32px;white-space:normal;line-height:1.2}
#simulator-app #aero-source-note:empty{display:none}
/* The cartridge choice (Advanced): two options across the whole field. */
#simulator-app .cartridge-switch{grid-column:1/-1;display:flex;width:100%}
#simulator-app .cartridge-switch button{flex:1;min-width:0;min-height:32px;white-space:normal;line-height:1.2}
#simulator-app .number-unit:has(input[readonly]){border-style:dashed;background:transparent}
#simulator-app .number-unit input[readonly]{color:var(--muted);cursor:default}
#simulator-app .dimensions-note{padding:4px 18px 14px}
#simulator-app .field-note{font-size:12px;color:var(--faint)}
#simulator-app .field-note strong{font-weight:600;color:var(--muted)}
#simulator-app .field-help{font-size:13px;line-height:1.55;color:var(--muted)}
#simulator-app .field-group>.field-help{margin-top:4px;padding:8px 10px;border-radius:8px;background:var(--sunken)}
#simulator-app .field-group>.field-help[popover]{position:fixed;inset:auto;margin:0;width:max-content;max-width:min(300px,calc(100vw - 24px));padding:10px 12px;overflow:visible;border:1px solid var(--glass-border);border-radius:10px;background:var(--glass-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:0 14px 34px #0000002e,0 2px 6px #0000001a,var(--glass-edge);color:var(--text);font-size:13px;line-height:1.5}
#simulator-app .field-group>.field-help[popover]:popover-open{animation:help-in .14s ease-out}
#simulator-app .field-group>.field-help[popover]::before{content:"";position:absolute;top:-6px;left:var(--arrow-x,16px);width:11px;height:11px;transform:rotate(45deg);border:1px solid var(--glass-border);border-right:0;border-bottom:0;border-radius:2px 0 0;background:var(--glass-strong)}
#simulator-app .field-group>.field-help[popover][data-placement=top]::before{top:auto;bottom:-6px;border:1px solid var(--glass-border);border-top:0;border-left:0;border-radius:0 0 2px}
@keyframes help-in{from{opacity:0;transform:translateY(3px)}}
#simulator-app .number-unit{display:flex;align-items:center;width:186px;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--sunken)}
#simulator-app .number-unit:focus-within{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
#simulator-app .number-unit input{flex:1;width:0;min-width:0;height:100%;padding:0 2px;border:0;background:transparent;font-size:15px;font-weight:500;text-align:right;outline:0;-moz-appearance:textfield;appearance:textfield}
#simulator-app .number-unit input::-webkit-inner-spin-button,#simulator-app .number-unit input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#simulator-app .number-unit span{width:38px;padding:0 6px 0 4px;font-size:12px;color:var(--muted);white-space:nowrap}
#simulator-app .number-unit span:empty{width:12px;padding:0}
#simulator-app .step-button{display:grid;place-items:center;width:32px;height:100%;flex:none;padding:0;border:0;background:transparent;color:var(--muted);font-size:16px;line-height:1}
#simulator-app .step-button:first-child{border-right:1px solid var(--line)}
#simulator-app .step-button:last-child{border-left:1px solid var(--line)}
#simulator-app .step-button:focus-visible{outline-offset:-2px}
#simulator-app .step-button:disabled{opacity:.3}
#simulator-app .input-help{padding:10px 18px 12px;border-top:1px solid var(--line)}
#simulator-app :is(.input-help,.data-details)>summary{cursor:pointer;list-style:none}
#simulator-app :is(.input-help,.data-details)>summary::-webkit-details-marker{display:none}
#simulator-app .input-help>summary{font-size:13px;font-weight:500;color:var(--accent)}
#simulator-app :is(.input-help,.data-details)>summary::after{content:" +";color:var(--muted)}
#simulator-app :is(.input-help,.data-details)[open]>summary::after{content:" −"}
#simulator-app .input-help>p{margin:8px 0;font-size:13px;line-height:1.55;color:var(--muted)}
#simulator-app .cfd-grid{display:grid;gap:6px;margin-bottom:10px}
#simulator-app .cfd-grid label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted)}
#simulator-app .cfd-grid label>span:last-child{white-space:nowrap}
#simulator-app .cfd-grid input{width:88px;height:32px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:var(--sunken);text-align:right}
#simulator-app .cfd-grid input:focus-visible{outline:0;border-color:var(--accent)}
#simulator-app #apply-cfd{min-height:32px;font-size:13px}
#simulator-app #cfd-status:empty{display:none}
#simulator-app #cfd-status{margin-top:6px}
#simulator-app .garage{position:sticky;top:16px;display:grid;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--card-shadow)}
#simulator-app .garage-head{padding:13px 18px;border-bottom:1px solid var(--line)}
#simulator-app .garage-head h3{font-size:15px;font-weight:600}
#simulator-app .garage-head p{font-size:12px;color:var(--faint)}
#simulator-app .reference-preview{display:grid;gap:10px;min-width:0;padding:14px 18px 0}
#simulator-app .car3d-stage{position:relative;width:100%;height:190px;min-width:0;overflow:hidden;border-radius:10px;background:radial-gradient(70% 70% at 50% 80%,#0397cc1f,transparent 72%),var(--sunken)}
#simulator-app .car3d-poster,#simulator-app .car3d-stage model-viewer{display:block;position:absolute;inset:0;width:100%;height:100%;margin:0;object-fit:contain;border:0}
#simulator-app .car3d-stage model-viewer{opacity:0;pointer-events:none;touch-action:pan-y;--poster-color:transparent;--progress-bar-color:var(--accent)}
#simulator-app .car3d-stage[data-view-state=ready] model-viewer{opacity:1;pointer-events:auto}
#simulator-app .car3d-stage[data-view-state=ready] .car3d-poster{visibility:hidden}
#simulator-app .car3d-image-missing{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;font-size:13px;color:var(--muted)}
#simulator-app .car3d-tools{margin-top:12px}
#simulator-app .car-livery-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:2px;border:1px solid var(--line);border-radius:9px;background:var(--sunken)}
#simulator-app .car-livery-picker button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:28px;padding:0 4px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:12px;font-weight:500;white-space:nowrap}
#simulator-app .car-livery-picker button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #10012219,0 0 0 1px var(--line)}
#simulator-app .car-livery-picker i{display:block;flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--car-swatch)}
#simulator-app .setup-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:16px 18px 0}
#simulator-app .setup-summary .summary-wide{grid-column:1/-1}
#simulator-app .setup-summary dt{font-size:12px;color:var(--muted)}
#simulator-app .setup-summary dd{margin:1px 0 0;font-size:15px;font-weight:600;white-space:nowrap}
#simulator-app .kit-note{margin:12px 18px 0;font-size:12px;line-height:1.5;color:var(--faint)}
#simulator-app .kit-note strong{font-weight:500;color:var(--muted)}
#simulator-app .garage-actions{display:grid;gap:10px;margin-top:16px;padding:14px 18px 16px;border-top:1px solid var(--line);background:var(--surface-2)}
#simulator-app .setup-changes{display:flex;align-items:baseline;gap:8px;font-size:13px;line-height:1.45}
#simulator-app .setup-changes::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:#e0a800;transform:translateY(-1px)}
#simulator-app .run-status{text-align:center;font-size:12px;color:var(--muted)}
#simulator-app .form-error{padding:10px 12px;border:1px solid color-mix(in srgb,var(--bad) 35%,transparent);border-radius:8px;background:color-mix(in srgb,var(--bad) 8%,var(--surface));font-size:13px;line-height:1.5}
#simulator-app .see-results{width:100%}

/* Step 3 · Results. */
#simulator-app .result-state{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:0 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--muted)}
#simulator-app .result-hero{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--card-shadow)}
#simulator-app .result-hero::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--grad-wide)}
#simulator-app .hero-time{min-width:0;padding:22px 24px;border-right:1px solid var(--line);background:radial-gradient(80% 120% at 0% 0%,#0397cc12,transparent 70%)}
#simulator-app .hero-label{font-size:13px;color:var(--muted)}
#simulator-app .hero-value{display:block;margin:4px 0 12px;font-size:clamp(36px,3.6vw,46px);font-weight:600;line-height:1.1;letter-spacing:-.03em;white-space:nowrap}
#simulator-app .hero-value small{margin-left:.12em;font-size:.42em;font-weight:500;color:var(--muted)}
#simulator-app .verdict{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:2px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);font-size:13px;font-weight:500;line-height:1.35;color:var(--muted)}
#simulator-app .verdict{transition:opacity .35s ease,transform .35s ease}
#simulator-app .verdict.is-pending{opacity:0;transform:translateY(4px)}
#simulator-app .verdict::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:currentColor}
#simulator-app .verdict.better{border-color:color-mix(in srgb,var(--good) 30%,transparent);background:color-mix(in srgb,var(--good) 8%,var(--surface));color:var(--good)}
#simulator-app .verdict.slower{border-color:color-mix(in srgb,var(--warn) 30%,transparent);background:color-mix(in srgb,var(--warn) 8%,var(--surface));color:var(--warn)}
#simulator-app .verdict.best{border-color:color-mix(in srgb,var(--best) 30%,transparent);background:color-mix(in srgb,var(--best) 8%,var(--surface));color:var(--best)}
#simulator-app .verdict.dnf{border-color:color-mix(in srgb,var(--bad) 30%,transparent);background:color-mix(in srgb,var(--bad) 8%,var(--surface));color:var(--bad)}
#simulator-app .hero-copy{display:grid;align-content:center;gap:6px;min-width:0;padding:22px 24px}
/* The author credit and run ID sit inside the result card itself, so every
   screenshot of a result carries them. */
#simulator-app .piforce-icon.credit-icon{width:16px}
#simulator-app .track-watermark{position:absolute;left:50%;bottom:5px;z-index:1;transform:translateX(-50%);font-size:9.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;color:#ffffff;opacity:.28;pointer-events:none}
#simulator-app .chart-container{position:relative}
#simulator-app .chart-container::after{content:"© Ermis Tatsis · PiForce" / "";position:absolute;top:4px;right:22px;font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);opacity:.75;pointer-events:none}
#simulator-app .result-headline{font-size:17px;font-weight:600;line-height:1.4}
#simulator-app .result-subline{font-size:14px;line-height:1.55;color:var(--muted)}
#simulator-app .run-timeline{display:grid;gap:6px;margin-top:4px}
#simulator-app .timeline-bar{position:relative;display:flex;height:44px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--sunken)}
#simulator-app .timeline-reaction{display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;border-right:1px solid var(--line);background:repeating-linear-gradient(135deg,var(--line) 0 5px,transparent 5px 11px);font-size:11px;color:var(--muted)}
#simulator-app :is(.timeline-reaction,.timeline-run) b{position:relative;font-weight:600;white-space:nowrap}
#simulator-app .timeline-run{position:relative;display:flex;align-items:center;min-width:0;padding-left:12px;overflow:hidden;background:var(--grad)}
#simulator-app .timeline-run svg{position:absolute;inset:0;width:100%;height:100%}
#simulator-app .spark-area{fill:#ffffff29}
#simulator-app .spark-line{fill:none;stroke:#ffffffe6;stroke-width:1.6;vector-effect:non-scaling-stroke}
#simulator-app .timeline-run b{font-size:12px;color:#fff;text-shadow:0 1px 2px #00000059}
#simulator-app .timeline-cursor{position:absolute;top:0;bottom:0;left:0;width:2px;margin-left:-1px;background:var(--text);box-shadow:0 0 0 1px var(--surface)}
#simulator-app .timeline-markers{position:relative;height:24px;font-size:12px}
#simulator-app :is(.timeline-peak,.timeline-finish){position:absolute;top:0;padding:2px 9px;border:1px solid var(--line);border-radius:999px;background:var(--glass-strong);font-weight:600;white-space:nowrap}
#simulator-app .timeline-peak{transform:translateX(-50%);color:var(--accent)}
#simulator-app .timeline-finish{right:0;color:var(--text)}
#simulator-app .timeline-scale{position:relative;height:16px;font-size:11px;color:var(--faint)}
#simulator-app .timeline-scale span{position:absolute;top:0}
#simulator-app .timeline-scale span:first-child{left:0}
#simulator-app #timeline-react-at{transform:translateX(-50%)}
#simulator-app #timeline-total{right:0;font-weight:600;color:var(--muted)}
#simulator-app .hero-extra{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:10px 0 0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--line)}
#simulator-app .hero-extra>div{min-width:0;padding:10px 14px;background:var(--surface)}
#simulator-app .hero-extra dt{font-size:12px;color:var(--muted)}
#simulator-app .hero-extra dd{display:grid;gap:1px;margin:2px 0 0}
#simulator-app .hero-extra strong{font-size:18px;font-weight:600;white-space:nowrap}
#simulator-app :is(.hero-extra,.metric) strong small{font-size:12px;font-weight:500;color:var(--muted)}
#simulator-app .model-warning{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--warn) 30%,transparent);border-radius:10px;background:color-mix(in srgb,#f5c400 9%,var(--surface));font-size:13px;line-height:1.5}
#simulator-app .model-warning::before{content:"!";display:grid;place-items:center;width:20px;height:20px;flex:none;border-radius:50%;background:#e0a800;color:#fff;font-size:12px;font-weight:700}
#simulator-app :is(.metrics,.replay-readout){display:grid;gap:1px;overflow:hidden;background:var(--line)}
#simulator-app .metrics{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:16px;border:1px solid var(--line);border-radius:12px;box-shadow:var(--card-shadow)}
#simulator-app .range-block{margin-top:16px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--card-shadow)}
#simulator-app .block-summary{display:block;padding:15px 44px 15px 18px;position:relative;cursor:pointer;list-style:none}
#simulator-app .block-summary::-webkit-details-marker{display:none}
#simulator-app .block-summary::after{content:"";position:absolute;right:20px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .15s}
#simulator-app details[open]>.block-summary::after{margin-top:-2px;transform:rotate(225deg)}
#simulator-app details[open]>.block-summary{border-bottom:1px solid var(--line)}
#simulator-app .block-summary-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;font:inherit}#simulator-app .block-summary-title{font-size:15px;font-weight:600}
#simulator-app .block-summary-hint{font-size:12.5px;color:var(--muted)}
#simulator-app .block-summary:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:12px}
#simulator-app .range-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 16px;padding:14px 18px 6px}
#simulator-app .range-head h3{font-size:15px;font-weight:600}
#simulator-app .range-note{margin-top:2px;font-size:12.5px;color:var(--muted)}
#simulator-app .range-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted)}
#simulator-app .range-legend span{display:inline-flex;align-items:center;gap:6px}
#simulator-app .range-legend span::before{content:"";width:12px;height:10px;border-radius:3px}
#simulator-app .legend-prediction::before{background:color-mix(in srgb,var(--accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}
#simulator-app .legend-repeat::before{background:color-mix(in srgb,var(--accent) 34%,transparent)}
#simulator-app .legend-run::before{width:10px!important;height:10px!important;border-radius:50%!important;background:var(--text)}
#simulator-app .range-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:0}
#simulator-app .range-main{min-width:0;padding:4px 18px 16px}
#simulator-app .range-chart{display:block;width:100%;height:auto;overflow:visible}
#simulator-app .range-band{fill:color-mix(in srgb,var(--accent) 12%,transparent);stroke:color-mix(in srgb,var(--accent) 30%,transparent);stroke-width:1}
#simulator-app .range-band-repeat{fill:color-mix(in srgb,var(--accent) 22%,transparent)}
#simulator-app .range-bar{fill:var(--chart-speed);opacity:.75}
#simulator-app .range-axis{stroke:var(--line-strong);stroke-width:1}
#simulator-app .range-tick{fill:var(--faint);font-size:11px}
#simulator-app .range-median{stroke:var(--text);stroke-width:1.5;stroke-dasharray:3 3}
#simulator-app .range-run{fill:var(--text);stroke:var(--surface);stroke-width:2}
#simulator-app .range-real{fill:var(--chart-thrust);stroke:var(--surface);stroke-width:1.5}
#simulator-app .range-real-line{stroke:var(--chart-thrust);stroke-width:2}
#simulator-app .legend-real::before{width:9px!important;height:9px!important;border-radius:2px!important;transform:rotate(45deg);background:var(--chart-thrust)}
/* The team's real track time beside the prediction. */
#simulator-app .real-time{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 20px;align-items:center;margin-top:12px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--card-shadow)}
#simulator-app .real-time h3{font-size:15px;font-weight:600}
#simulator-app .real-time-help{margin-top:2px;font-size:12.5px;line-height:1.5;color:var(--muted)}
#simulator-app .real-time-form{display:grid;gap:4px;min-width:0}
#simulator-app .real-time-form label{font-size:12px;color:var(--muted)}
#simulator-app .real-time-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#simulator-app .real-time-input{width:128px}
#simulator-app .real-time-input input{padding-left:10px}
#simulator-app .real-time-row .ghost-button{min-height:36px}
#simulator-app .real-time-result{grid-column:1/-1;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
#simulator-app .real-time-result:empty{display:none}
#simulator-app .real-time-result:is([data-state=inside],[data-state=outside])::before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--good);transform:translateY(-1px)}
#simulator-app .real-time-result[data-state=outside]::before{background:var(--warn)}
#simulator-app .real-time-result[data-state=error]{color:var(--bad)}
#simulator-app .change-list .change-derived{border-style:dashed;color:var(--muted)}
#simulator-app .range-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:10px 0 0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--line)}
#simulator-app .range-stats>div{padding:10px 12px;background:var(--surface-2)}
#simulator-app .range-stats dt{font-size:12px;color:var(--muted)}
#simulator-app .range-stats dd{margin:2px 0 0;font-size:16px;font-weight:600;overflow-wrap:anywhere}
#simulator-app .range-side{display:grid;align-content:start;gap:8px;min-width:0;padding:6px 18px 16px;border-left:1px solid var(--line)}
#simulator-app .range-side h4{font-size:12.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
#simulator-app .range-side h4+ol{margin-bottom:8px}
#simulator-app :is(.matters,.wins){display:grid;gap:6px;margin:0;padding:0;list-style:none}
#simulator-app .matters li{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(60px,1fr) 40px;align-items:center;gap:10px;font-size:13px}
#simulator-app .matters-bar{height:8px;overflow:hidden;border-radius:99px;background:var(--sunken)}
#simulator-app .matters-bar span{display:block;height:100%;border-radius:inherit;background:var(--grad)}
#simulator-app .matters strong{text-align:right;font-weight:600}
#simulator-app .wins li{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);font-size:13px}
#simulator-app .wins strong{color:var(--good);font-weight:600;white-space:nowrap}
#simulator-app .explorer-block{margin-top:16px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--card-shadow)}
#simulator-app .explorer-tabs button{min-height:30px;padding:0 10px;font-size:12.5px}
#simulator-app .explorer-body{padding:4px 18px 16px}
#simulator-app .explorer-chart{display:block;width:100%;height:auto;overflow:visible}
#simulator-app .explorer-grid{stroke:var(--line);stroke-width:1}
#simulator-app .explorer-tick{fill:var(--faint);font-size:11px}
#simulator-app .explorer-axis-label{fill:var(--muted);font-size:11.5px}
#simulator-app .explorer-area{fill:color-mix(in srgb,var(--chart-speed) 10%,transparent)}
#simulator-app .explorer-line{fill:none;stroke:var(--chart-speed);stroke-width:2.5;stroke-linejoin:round}
#simulator-app .explorer-now-line{stroke:var(--text);stroke-width:1;stroke-dasharray:3 3;opacity:.6}
#simulator-app .explorer-now{fill:var(--text);stroke:var(--surface);stroke-width:2}
#simulator-app .explorer-readout{margin-top:6px;font-size:13px;color:var(--muted)}
#simulator-app .metric{display:grid;align-content:start;gap:2px;min-width:0;padding:14px 18px;background:var(--surface)}
#simulator-app .metric>span:first-child{font-size:13px;color:var(--muted)}
#simulator-app .metric strong{margin-top:2px;font-size:22px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}
#simulator-app .metric-note{font-size:12px;line-height:1.4;color:var(--faint)}
#simulator-app .track-block{margin-top:16px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--card-shadow);--lane-start:84px;--lane-end:20px}
#simulator-app .track-header{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid var(--line)}
#simulator-app :is(.track-header h3,.chart-toolbar h3,.insights h3,.notebook-heading h3){font-size:15px;font-weight:600}
#simulator-app .replay-speed-note{font-size:12px;color:var(--faint)}
#simulator-app .trail-legend{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:12px;color:var(--faint)}
#simulator-app .trail-legend i{width:64px;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--heat-0),var(--heat-1),var(--heat-2),var(--heat-3),var(--heat-4))}
#simulator-app .trail-legend b{font-weight:600;color:var(--muted);white-space:nowrap}
#simulator-app .replay-controls{display:flex;align-items:center;gap:8px}
#simulator-app .replay-readout{grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--line)}
#simulator-app .replay-readout>div{min-width:0;padding:9px 16px;background:var(--surface-2)}
#simulator-app .replay-readout span{display:block;font-size:12px;color:var(--muted)}
#simulator-app .replay-readout strong{font-size:16px;font-weight:600;white-space:nowrap}
#simulator-app .track-flags{position:relative;height:26px;margin:16px calc(18px + var(--lane-end)) 0 calc(18px + var(--lane-start))}
#simulator-app .track-flag{position:absolute;bottom:6px;left:calc(var(--at,0) * 100%);transform:translateX(-50%);padding:2px 8px;border:1px solid var(--flag,var(--line-strong));border-radius:999px;background:var(--glass-strong);font-size:11px;font-weight:600;color:var(--flag-text,var(--text));white-space:nowrap;transition:opacity .25s ease}
#simulator-app .track-flag::after{content:"";position:absolute;left:50%;top:100%;width:1px;height:7px;background:var(--flag,var(--line-strong))}
#simulator-app .track-flag:last-child{transform:translateX(-88%)}
#simulator-app .track-flag:last-child::after{left:88%}
#simulator-app .track-flag[data-state=best]{--flag:var(--best);--flag-text:var(--best)}
#simulator-app .track-flag[data-state=faster]{--flag:var(--good);--flag-text:var(--good)}
#simulator-app .track-flag[data-state=slower]{--flag:var(--warn);--flag-text:var(--warn)}
#simulator-app .track-flag[data-pending]{opacity:.22}
#simulator-app .track-flag b{font-weight:500;color:var(--muted)}
#simulator-app .track{position:relative;height:78px;margin:0 18px;overflow:hidden;border-radius:12px;background:repeating-linear-gradient(90deg,#ffffff06 0 2px,transparent 2px 7px),var(--track-bg);box-shadow:inset 0 3px 0 #ffffff1f,inset 0 -3px 0 #ffffff1f,inset 0 2px 10px #00000059}
#simulator-app .track::before{content:"";position:absolute;top:0;bottom:0;left:var(--lane-start);width:2px;background:#ffffffcc}
#simulator-app .track-sectors{position:absolute;top:0;bottom:0;left:var(--lane-start);right:var(--lane-end);display:grid;grid-template-columns:repeat(4,1fr)}
#simulator-app .track-sectors span{position:relative;border-right:1px dashed #ffffff2e}
#simulator-app .track-sectors span::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:4px;background:transparent;transition:background-color .3s ease}
#simulator-app .track-sectors span[data-state=best]::after{background:#a855f7}
#simulator-app .track-sectors span[data-state=faster]::after{background:#22c55e}
#simulator-app .track-sectors span[data-state=slower]::after{background:#eab308}
#simulator-app .track-trail{position:absolute;top:50%;left:var(--lane-start);right:var(--lane-end);height:12px;margin-top:-6px;border-radius:6px;background:var(--speed-trail,transparent);clip-path:inset(0 calc((1 - var(--progress,0)) * 100%) 0 0 round 6px);box-shadow:0 0 16px #0000004d}
#simulator-app .track-peak{position:absolute;top:0;bottom:0;left:calc(var(--lane-start) + (100% - var(--lane-start) - var(--lane-end)) * var(--at,0));border-left:1px dashed #ffffffa6}
#simulator-app .track-peak span{position:absolute;top:6px;left:6px;font-size:10px;font-weight:600;color:#ffffffd9;white-space:nowrap}
#simulator-app .track-line{position:absolute;top:50%;left:var(--lane-start);right:var(--lane-end);height:2px;margin-top:-1px;background:repeating-linear-gradient(90deg,#ffffff40 0 10px,transparent 10px 20px)}
#simulator-app .finish-line{position:absolute;top:0;bottom:0;right:calc(var(--lane-end) - 10px);width:10px;background:repeating-conic-gradient(#fff 0 25%,#111 0 50%) 0 0/5px 5px}
#simulator-app .track-car{position:absolute;top:50%;left:calc(var(--lane-start) + (100% - var(--lane-start) - var(--lane-end)) * var(--progress,0));width:75px;height:30px;color:var(--car-color,#0397cc);transform:translate(-100%,-50%);filter:drop-shadow(0 3px 6px #00000073)}
#simulator-app .track-car{transition:none!important}
#simulator-app .track-car svg{display:block;width:100%;height:100%;overflow:visible}
#simulator-app .car-body{fill:currentColor}
#simulator-app .car-wing{fill:#0b1a26;stroke:currentColor;stroke-width:1.2}
#simulator-app .car-wheel{fill:#050a10;stroke:#ffffff33}
#simulator-app .car-cockpit{fill:#0b1a26}
#simulator-app .car-helmet{fill:#fab700}
#simulator-app .car-stripe{stroke:#ffffff8c;stroke-width:1.2}
#simulator-app .car-arm{stroke:#0b1a26;stroke-width:1.1}
#simulator-app .track-marks{position:relative;height:16px;margin:5px calc(18px + var(--lane-end)) 0 calc(18px + var(--lane-start));font-size:11px;color:var(--faint)}
#simulator-app .track-marks span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
#simulator-app .track-marks span:nth-child(1){left:0}#simulator-app .track-marks span:nth-child(2){left:25%}#simulator-app .track-marks span:nth-child(3){left:50%}#simulator-app .track-marks span:nth-child(4){left:75%}#simulator-app .track-marks span:nth-child(5){left:100%}
#simulator-app #replay-position{-webkit-appearance:none;appearance:none;display:block;width:calc(100% - 36px - var(--lane-start) - var(--lane-end));height:18px;margin:4px 0 0 calc(18px + var(--lane-start));background:transparent;cursor:pointer;--fill:0%}
#simulator-app #replay-position::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--accent) var(--fill),var(--line-strong) var(--fill))}
#simulator-app #replay-position::-moz-range-track{height:4px;border-radius:4px;background:var(--line-strong)}
#simulator-app #replay-position::-moz-range-progress{height:4px;border-radius:4px;background:var(--accent)}
#simulator-app #replay-position::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border:2px solid var(--surface);border-radius:50%;background:var(--primary);box-shadow:0 1px 3px #10012240}
#simulator-app #replay-position::-moz-range-thumb{width:14px;height:14px;border:2px solid var(--surface);border-radius:50%;background:var(--primary)}
#simulator-app #replay-position:disabled{cursor:not-allowed;opacity:.4}
#simulator-app .splits-heading{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin-top:14px;padding:12px 18px 0;border-top:1px solid var(--line)}
#simulator-app .splits-heading h4{font-size:14px;font-weight:600}
#simulator-app .splits-legend{display:flex;gap:4px 14px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
#simulator-app .splits-legend span{display:inline-flex;align-items:center;gap:6px}
#simulator-app .splits-legend span::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--line-strong)}
#simulator-app .splits-legend .is-best::before{background:var(--best)}
#simulator-app .splits-legend .is-faster::before{background:var(--good)}
#simulator-app .splits-legend .is-slower::before{background:#d0b400}
#simulator-app .splits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:10px 18px 18px;padding:0;overflow:hidden;list-style:none;border:1px solid var(--line);border-radius:10px;background:var(--line)}
#simulator-app .split{position:relative;min-width:0;padding:11px 14px;background:var(--surface);transition:opacity .3s ease}
#simulator-app .split::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--split-color,transparent)}
#simulator-app .split[data-state=best]{--split-color:var(--best)}
#simulator-app .split[data-state=faster]{--split-color:var(--good)}
#simulator-app .split[data-state=slower]{--split-color:#d0b400}
#simulator-app .split[data-pending]{opacity:.35}
#simulator-app .split-name{display:block;font-size:12px;color:var(--muted)}
#simulator-app .split-time{display:block;margin-top:2px;font-size:18px;font-weight:600;white-space:nowrap}
#simulator-app .split-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:2px;font-size:12px;color:var(--faint)}
#simulator-app .split-delta{font-weight:600;color:var(--split-color,var(--muted))}
#simulator-app .split[data-state=slower] .split-delta{color:var(--warn)}
#simulator-app .analysis-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:16px;align-items:start;margin-top:16px}
#simulator-app :is(.chart-panel,.insights,.notebook){min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--card-shadow)}
#simulator-app .chart-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid var(--line)}
#simulator-app .chart-toolbar h3{margin:0 auto 0 0}
#simulator-app .chart-legend{display:flex;gap:4px 14px;flex-wrap:wrap;width:100%;font-size:12px;color:var(--muted)}
#simulator-app .chart-legend:empty{display:none}
#simulator-app .chart-legend span{display:inline-flex;align-items:center;gap:6px}
#simulator-app .chart-legend i{display:block;width:16px;height:2px;border-radius:2px;background:var(--chart-speed)}
#simulator-app .chart-legend i.baseline{background:repeating-linear-gradient(90deg,var(--chart-ref) 0 4px,transparent 4px 7px)}
#simulator-app .chart-legend i.thrust{background:var(--chart-thrust)}
#simulator-app .chart-legend i.drag{background:var(--chart-drag)}
#simulator-app .chart-legend i.rolling{background:var(--chart-rolling)}
#simulator-app .chart-container{position:relative;padding:14px 18px 6px}
#simulator-app #result-chart{display:block;width:100%;height:auto;overflow:visible}
#simulator-app .chart-grid{stroke:var(--chart-grid);stroke-width:1}
#simulator-app .chart-label{fill:var(--faint);font-size:11px;font-family:var(--font)}
#simulator-app .chart-path{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#simulator-app .chart-playhead{stroke:var(--text);stroke-width:1;opacity:.45}
#simulator-app .chart-hover-line{stroke:var(--text);stroke-width:1;stroke-dasharray:3 3;opacity:.5}
#simulator-app .chart-hover-point{fill:var(--surface);stroke:var(--chart-speed);stroke-width:2}
#simulator-app .chart-tooltip{position:absolute;z-index:3;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);font-size:12px;line-height:1.55;white-space:pre-line;pointer-events:none}
#simulator-app .chart-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:4px;text-align:center;color:var(--muted)}
#simulator-app .empty-symbol{color:var(--accent)}
#simulator-app .result-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--line);background:var(--surface-2)}
#simulator-app .action-button{min-height:32px;padding:0 11px;font-size:13px}
#simulator-app .action-button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
#simulator-app .autosave-status{display:inline-flex;align-items:center;gap:6px;margin:12px 0 12px 18px;padding:2px 9px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--muted)}
#simulator-app .autosave-status::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:var(--good)}
#simulator-app .autosave-status:empty{display:none}
#simulator-app .insights h3{padding:12px 18px;border-bottom:1px solid var(--line)}
#simulator-app .insight-list{display:grid}
#simulator-app .insight{display:grid;grid-template-columns:30px minmax(0,1fr);gap:2px 12px;padding:13px 18px;border-bottom:1px solid var(--line)}
#simulator-app .insight:last-child{border-bottom:0}
#simulator-app .insight-icon{grid-row:1/4;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--icon-bg);color:var(--accent)}
#simulator-app .insight-icon svg{width:16px;height:16px}
#simulator-app .insight h4{font-size:14px;font-weight:600;line-height:1.4}
#simulator-app .insight p{font-size:13px;line-height:1.55;color:var(--muted)}
#simulator-app .insight p strong{font-weight:600;color:var(--text)}
#simulator-app .insight[data-tone=tip]{background:color-mix(in srgb,#f5c400 7%,var(--surface))}
#simulator-app .change-list{display:flex;gap:4px;flex-wrap:wrap;margin:4px 0 2px;padding:0;list-style:none}
#simulator-app .change-list li{padding:1px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);font-size:12px}
#simulator-app .notebook{margin-top:16px}
#simulator-app .notebook-heading{padding:12px 18px;border-bottom:1px solid var(--line)}
#simulator-app .notebook-heading .kicker{display:none}
#simulator-app #history-empty{padding:16px 18px;font-size:14px;color:var(--muted)}
#simulator-app .table-scroll{overflow-x:auto}
#simulator-app table{width:100%;border-collapse:collapse;font-size:14px}
#simulator-app caption{caption-side:top;padding:0 18px 8px;text-align:left;font-size:12px;color:var(--faint)}
#simulator-app th{padding:10px 18px;border-bottom:1px solid var(--line);background:var(--surface-2);text-align:left;font-size:12px;font-weight:500;color:var(--muted);white-space:nowrap}
#simulator-app td{padding:12px 18px;border-bottom:1px solid var(--line);white-space:nowrap}
#simulator-app tr.is-current td{background:color-mix(in srgb,var(--accent) 5%,var(--surface))}
#simulator-app tr.is-current td:first-child{box-shadow:inset 2px 0 0 var(--accent)}
#simulator-app .best-chip{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:1px 8px;border:1px solid color-mix(in srgb,var(--best) 30%,transparent);border-radius:999px;background:color-mix(in srgb,var(--best) 8%,var(--surface));font-size:11px;font-weight:600;color:var(--best)}
#simulator-app .best-chip::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
#simulator-app .gap-slower{color:var(--warn)}
#simulator-app .notebook .field-help{padding:10px 18px}
#simulator-app .data-details{padding:12px 18px;border-top:1px solid var(--line)}
#simulator-app .data-details>summary{font-size:13px;font-weight:500}
#simulator-app .data-details .table-scroll{margin:10px -18px -12px}


/* Dialogs share the page tokens; the saved-run workspace adds archive.css. */
#simulator-app dialog{color:var(--text)}
#simulator-app dialog::backdrop{background:#1001224d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
#simulator-app #model-info-dialog{width:min(680px,calc(100vw - 32px));max-height:88svh;padding:0;overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}
#simulator-app .dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}
#simulator-app .dialog-heading h2{font-size:17px;font-weight:600}
#simulator-app .model-info-content{display:grid;gap:14px;padding:16px 20px 20px;font-size:14px;line-height:1.6;color:var(--muted)}
#simulator-app .evidence-notes{display:grid;gap:6px;padding:12px 14px;border:1px solid color-mix(in srgb,#d0a200 30%,transparent);border-radius:10px;background:color-mix(in srgb,#f5c400 8%,var(--surface))}
#simulator-app .result-disclaimer{font-weight:600;color:var(--text)}
#simulator-app .model-info-section h3{margin-bottom:2px;font-size:14px;color:var(--text)}
#simulator-app .visual-boundary-note{font-size:13px;color:var(--faint)}
#simulator-app #saved-runs-dialog{overflow:auto;overscroll-behavior:contain}
#simulator-app #saved-runs-dialog label{display:block;margin-bottom:6px;font-size:13px;font-weight:500}
#simulator-app .account-help,#simulator-app .account-status{font-size:13px;line-height:1.55;color:var(--muted);overflow-wrap:anywhere}
#simulator-app .account-status{margin:10px 0;color:var(--text)}
#simulator-app .account-status:empty{display:none}
#simulator-app .account-input-row{display:flex;align-items:stretch;gap:6px;min-width:0}
#simulator-app .account-input-row input{flex:1;width:100%;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--sunken);font-size:15px}
#simulator-app .account-input-row input:focus-visible{outline:0;border-color:var(--accent)}
#simulator-app .account-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 12px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--text);font-size:13px;font-weight:500}
#simulator-app .saved-run-detail h3{font-size:16px;line-height:1.4;font-weight:600;overflow-wrap:anywhere;margin:0 0 5px}
#simulator-app .saved-warning{font-size:13px;line-height:1.6;color:var(--warning);padding:10px 0;overflow-wrap:anywhere}
#simulator-app .saved-delete-confirm{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;padding:12px;border:1px solid var(--line);border-radius:10px}
#simulator-app .saved-delete-confirm p{flex:1 1 220px;font-size:14px;overflow-wrap:anywhere}

/* Preferences sit at the bottom so the journey stays focused. */
#simulator-app .sim-footer{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px 24px;margin-top:28px;padding-top:16px;border-top:1px solid var(--line)}
#simulator-app .sim-credit{display:grid;gap:4px;max-width:640px;min-width:0}
#simulator-app .sim-credit-line{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text)}
#simulator-app .sim-credit-terms{font-size:12px;line-height:1.5;color:var(--muted)}
#simulator-app .simulator-preferences{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}
#simulator-app .simulator-preferences .language-switch button{min-width:32px;min-height:32px;padding:0 10px;font-size:12px}
#simulator-app .simulator-preferences .theme-toggle{display:inline-flex;align-items:center;gap:6px;min-width:32px;min-height:32px;padding:0 12px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--muted);font-size:13px;font-weight:500}
#simulator-app .simulator-preferences .theme-toggle[aria-pressed=true]{color:var(--text)}
#simulator-app .noscript{max-width:640px;margin:20px auto;padding:14px;border:1px solid var(--line);border-radius:10px;text-align:center}

/* Motion: short, subtle and fully removable. */
#simulator-app :is(button,.number-unit){transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}
#simulator-app .view:not([hidden]){animation:sim-fade .25s ease both}
@keyframes sim-fade{from{opacity:0;transform:translateY(4px)}}
@keyframes sim-pop{from{opacity:0;transform:translateY(8px) scale(.985)}}
@keyframes sim-spin{to{transform:rotate(360deg)}}
@keyframes sim-progress{from{transform:scaleX(0)}to{transform:scaleX(.94)}}
@media(hover:hover){#simulator-app :is(.run-button,.quick-run,.replay-button):hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}#simulator-app :is(.ghost-button,.action-button,.icon-button,.account-button,.simulator-preferences .theme-toggle):hover:not(:disabled){background:var(--surface-2);border-color:var(--faint)}#simulator-app :is(.segmented button,.car-livery-picker button):hover:not([aria-pressed=true]){color:var(--text)}#simulator-app button.step:hover:not(:disabled):not([aria-current]){color:var(--text)}#simulator-app .step-button:hover:not(:disabled){color:var(--text);background:var(--line)}#simulator-app .help-toggle:hover{border-color:var(--accent);color:var(--accent)}#simulator-app .model-info-button:hover{color:var(--text);background:var(--sunken)}#simulator-app .text-button:hover:not(:disabled){background:var(--sunken)}#simulator-app .number-unit:hover{border-color:var(--line-strong)}}
@media(prefers-reduced-motion:reduce){#simulator-app *,#simulator-app *::before,#simulator-app *::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}}

/* Liquid glass: frosted, translucent surfaces with a bright top edge over the
   brand glows. Nested controls use lighter glass without their own blur. */
#simulator-app :is(.param-group,.garage,.result-hero,.metrics,.range-block,.explorer-block,.track-block,.chart-panel,.insights,.notebook,.real-time,.journey .stepper ol,.model-banner,.chart-tooltip,#model-info-dialog,#saved-runs-dialog){border-color:var(--glass-border);background-color:var(--glass);background-image:var(--glass-sheen);box-shadow:var(--glass-edge),var(--card-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}
#simulator-app :is(.param-group,.garage,.result-hero,.metrics,.range-block,.explorer-block,.track-block,.chart-panel,.insights,.notebook,.real-time){border-radius:18px}
#simulator-app :is(.metric,.hero-extra>div,.replay-readout>div,.split){background:var(--surface-2)}
#simulator-app :is(.metrics,.hero-extra,.splits,.replay-readout){background:var(--line)}
#simulator-app :is(.chart-tooltip,#model-info-dialog,#saved-runs-dialog){background-color:var(--glass-strong)}
#simulator-app :is(.garage-actions,.result-actions,th){background:var(--surface-2)}
#simulator-app .journey .stepper ol{padding:3px;border:1px solid var(--glass-border);border-radius:14px;margin-bottom:7px}
#simulator-app .journey{border-bottom:0}
#simulator-app .step{height:36px;border-radius:9px}
#simulator-app .step[aria-current=step]{background:var(--glass-strong);box-shadow:var(--glass-edge),0 2px 8px #01456e1a}
#simulator-app .step[aria-current=step]::after{left:14px;right:14px;bottom:3px}
#simulator-app :is(.ghost-button,.action-button,.icon-button,.account-button,.simulator-preferences .theme-toggle){border-color:var(--glass-border);background:var(--glass-strong);box-shadow:var(--glass-edge),0 1px 3px #1001220f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
#simulator-app :is(.segmented,.car-livery-picker,.number-unit){border-color:var(--line);background:var(--sunken)}
#simulator-app :is(.segmented button[aria-pressed=true],.car-livery-picker button[aria-pressed=true]){background:var(--glass-strong);box-shadow:var(--glass-edge),0 1px 3px #10012219}
#simulator-app :is(.run-button,.quick-run,.replay-button){box-shadow:inset 0 1px 0 #ffffff33,0 6px 16px #01456e33}
#simulator-app .param-icon,#simulator-app .insight-icon{background:var(--icon-bg);color:var(--accent)}
#simulator-app .hero-time{background:radial-gradient(90% 130% at 0% 0%,#0397cc1f,transparent 70%)}
#simulator-app .hero-value{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
#simulator-app .hero-value small{-webkit-text-fill-color:var(--muted)}
#simulator-app .simulator-preferences{border-top-color:var(--line)}

/* Results with a settings side panel on wide screens, so a change and a new
   calculation never leave the results. */
@media(min-width:1180px){#simulator-app[data-view=results] .workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;align-items:start}#simulator-app[data-view=results] .view-setup{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;border:1px solid var(--glass-border);border-radius:14px;background:var(--glass-sheen),var(--glass);box-shadow:var(--glass-edge),var(--card-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);scrollbar-width:thin}#simulator-app[data-view=results] .view-setup .view-heading{position:sticky;top:0;z-index:2;flex-direction:column;align-items:stretch;gap:10px;margin:0;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--glass-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}#simulator-app[data-view=results] .view-setup .view-heading h2{font-size:16px}#simulator-app[data-view=results] .view-setup :is(.view-lead,.kicker){display:none}#simulator-app[data-view=results] .view-setup .view-tools{justify-content:space-between}#simulator-app[data-view=results] .view-setup .ghost-button{min-height:32px;font-size:13px}#simulator-app[data-view=results] :is(.setup-layout,.parameter-panel,.param-column){display:block}#simulator-app[data-view=results] .param-group{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}#simulator-app[data-view=results] .param-group legend{padding:12px 16px 4px;border-bottom:0;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}#simulator-app[data-view=results] .param-icon{width:20px;height:20px;background:transparent}#simulator-app[data-view=results] :is(.field-group,.input-help){padding:8px 16px;border-top:0}#simulator-app[data-view=results] .number-unit{width:170px;height:32px}#simulator-app[data-view=results] .garage{position:sticky;top:auto;bottom:0;z-index:2;border:0;border-radius:0;background:var(--glass-strong);box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}#simulator-app[data-view=results] .garage>:not(.garage-actions){display:none}#simulator-app[data-view=results] .garage-actions{margin:0}#simulator-app[data-view=results] :is(#edit-setup,#run-quick,.see-results){display:none!important}#simulator-app[data-view=results] .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1580px){#simulator-app[data-view=results] .metrics{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1179px){#simulator-app[data-view=results] .view-setup{display:none}#simulator-app .setup-layout{grid-template-columns:minmax(0,1fr) 320px}#simulator-app .parameter-panel{grid-template-columns:1fr}#simulator-app .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}#simulator-app .analysis-grid{grid-template-columns:1fr}}
@media(max-width:900px){#simulator-app .range-body{grid-template-columns:1fr}#simulator-app .range-side{border-left:0;border-top:1px solid var(--line);padding-top:12px}#simulator-app .sim-main{padding:20px 20px 32px}#simulator-app .setup-layout{grid-template-columns:1fr}#simulator-app .parameter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}#simulator-app .garage{position:relative;top:auto}#simulator-app .result-hero{grid-template-columns:1fr}#simulator-app .hero-time{border-right:0;border-bottom:1px solid var(--line)}#simulator-app .replay-readout{grid-template-columns:repeat(3,minmax(0,1fr))}#simulator-app .replay-readout>div:last-child{grid-column:span 2}}
@media(max-width:740px){#simulator-app .piforce-brand{width:48px;height:48px;margin:0;padding:8px;border-radius:12px}#simulator-app .piforce-icon{width:30px}#simulator-app .sim-main{padding:16px 16px 28px}#simulator-app h1{font-size:23px}#simulator-app .journey{margin-bottom:18px}#simulator-app .stepper,#simulator-app .stepper ol{width:100%}#simulator-app .stepper li{flex:1;min-width:0}#simulator-app .step{width:100%;justify-content:center;gap:6px;padding:0 6px;font-size:13px}#simulator-app .model-banner{flex-wrap:wrap;gap:2px 8px;width:100%;border-radius:12px;padding:8px 6px 8px 12px}#simulator-app .model-banner>span:not(.status-dot){order:3;flex-basis:100%;padding-left:14px}#simulator-app .model-info-button{margin-left:auto}#simulator-app .view-tools{width:100%}#simulator-app .parameter-panel{grid-template-columns:1fr}#simulator-app .field-group{padding:11px 14px}#simulator-app .param-group legend{padding:12px 14px}#simulator-app .metrics{grid-template-columns:1fr 1fr}#simulator-app .timeline-markers{display:flex;flex-wrap:wrap;gap:6px;height:auto}#simulator-app :is(.timeline-peak,.timeline-finish){position:static;transform:none}#simulator-app .track-flags{margin-left:calc(14px + var(--lane-start));margin-right:calc(14px + var(--lane-end))}#simulator-app .track-flag{font-size:10px;padding:2px 6px}#simulator-app .track-flag b{display:none}#simulator-app .track-flag:last-child,#simulator-app #timeline-react-at{display:none}#simulator-app .track-peak span{display:none}#simulator-app .splits{grid-template-columns:1fr 1fr;margin:10px 14px 14px}#simulator-app .track{margin:0 14px;height:60px}#simulator-app .track-block{--lane-start:66px}#simulator-app .track-car{width:54px;height:23px}#simulator-app .track-header,#simulator-app .splits-heading{padding-left:14px;padding-right:14px}#simulator-app .replay-controls{width:100%}#simulator-app .replay-button{flex:1}#simulator-app .account-input-row{flex-wrap:wrap}#simulator-app .account-input-row input{flex-basis:100%}#simulator-app .account-input-row button{width:100%}}
@media(max-width:420px){#simulator-app .step-no{display:none}#simulator-app .hero-extra{grid-template-columns:1fr}#simulator-app .replay-readout{grid-template-columns:1fr 1fr}#simulator-app .replay-readout>div:last-child{grid-column:1/-1}#simulator-app .car-livery-picker{grid-template-columns:1fr 1fr}#simulator-app .number-unit{width:156px}#simulator-app .metric strong{font-size:19px}}

/* Shared site chrome on this page follows the simulator theme: white bar and
   footer with the dark-lettering logo in the light theme, the original black
   chrome in the dark theme. Only the simulator page loads these rules. */
html:not([data-sim-theme=dark]) [data-static-site-header]{background:#ffffffeb;color:#111114;border-bottom:1px solid #e7e7ea;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
html:not([data-sim-theme=dark]) [data-static-site-header] nav{background-color:transparent!important}
html:not([data-sim-theme=dark]) [data-static-site-header] .simulator-shared-mobile-menu,html:not([data-sim-theme=dark]) [data-static-site-header] .shared-mobile-menu{background:#ffffff}
html:not([data-sim-theme=dark]) [data-static-site-header] .framer-93xnjj{--border-color:#e2e2e6!important;background-color:#f6f6f7!important;box-shadow:none!important}
html:not([data-sim-theme=dark]) [data-static-site-header] .framer-93xnjj :is(p,span,a){color:#111114!important}
html:not([data-sim-theme=dark]) [data-static-site-header] .framer-93xnjj a:hover{background-color:#ececef!important}
html:not([data-sim-theme=dark]) [data-static-site-header] :is(.framer-a5efek,.framer-1kj87ni){background-color:#111114!important}
html:not([data-sim-theme=dark]) [data-static-site-header] [data-framer-name="Hamburger"]{background-color:#f3f4f6!important;border-color:#e2e2e6!important}
/* The site draws the gradient "Contact us" outline in white for its black bar; on white it needs the black line. */
html:not([data-sim-theme=dark]) [data-static-site-header] a[data-border=true]{--border-color:#111114!important}
html:not([data-sim-theme=dark]) [data-static-site-footer]{background:#ffffff;color:#111114;border-top:1px solid #e7e7ea}
html:not([data-sim-theme=dark]) [data-static-site-footer] :is(p,a){color:#4a4a55!important}
html:not([data-sim-theme=dark]) [data-static-site-footer] .framer-1m9hc4g{background-color:#e7e7ea!important}
html:not([data-sim-theme=dark]) [data-static-site-footer] :is(.framer-1xld2ge,.framer-oswx3g){opacity:.22}
html:not([data-sim-theme=dark]) [data-static-site-footer] a:has(svg){background:linear-gradient(135deg,#0397cc,#019e3c)!important;border-radius:999px!important;box-shadow:0 4px 12px #019e3c33}

#simulator-site-footer{padding-top:44px}
@media(max-width:740px){#simulator-app .explorer-tabs{width:100%;flex-wrap:wrap}#simulator-app .explorer-body{padding:4px 10px 14px}#simulator-app .range-stats{grid-template-columns:1fr}#simulator-app .range-head,#simulator-app .range-main,#simulator-app .range-side{padding-left:14px;padding-right:14px}#simulator-app .matters li{grid-template-columns:minmax(0,1.3fr) minmax(48px,1fr) 36px}}
/* Virtual wind tunnel: the entry in the simulator and its own page (/simulator/wind-tunnel). */
#simulator-app .wind-tunnel-entry{display:grid;gap:6px;padding:12px 18px;border-top:1px solid var(--line)}
#simulator-app .wind-tunnel-heading{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}
#simulator-app .wind-tunnel-heading svg{color:var(--accent)}
#simulator-app .beta-pill{padding:1px 8px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:color-mix(in srgb,var(--accent) 78%,var(--text));font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
#simulator-app .learn-link{justify-self:start;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:999px;color:var(--accent);font-size:13.5px;font-weight:600;text-decoration:none}
#simulator-app .learn-link:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}
#simulator-app .learn-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
#simulator-app .wind-tunnel-status{color:var(--good);font-weight:500}
#simulator-app .wind-tunnel-status:empty{display:none}
#simulator-app .wt-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;font-size:13.5px;font-weight:500;color:var(--accent);text-decoration:none}
#simulator-app .wt-back:hover{text-decoration:underline}
/* A sign-up account (data-limited, wind-tunnel/page.js): the ready-made cars, the views and the drag
   reading; the rest greyed out and locked, their values placeholders. */
#simulator-app .wt-limited{margin:0;padding:10px 12px;border:1px solid var(--line);border-left:3px solid var(--warn);border-radius:10px;background:var(--surface-2);font-size:13.5px;line-height:1.5}
#simulator-app .wt-limited[hidden]{display:none}
#simulator-app[data-limited=true] :is(.wt-group,.wt-settings,.wt-compare,.wt-readings-card),#simulator-app[data-limited=true] .wt-figure:has(:is(#wt-cl,#wt-swing)){opacity:.5}
#simulator-app[data-limited=true] :is(.wt-group,.wt-settings,.wt-compare) :is(input,button){cursor:not-allowed}
#simulator-app[data-limited=true] .wt-group .wt-slider input{pointer-events:none}
#simulator-app.wt-app .hero-intro{max-width:780px}
#simulator-app .wt-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:"stage controls" "results controls";gap:20px;align-items:start}#simulator-app .wt-stage-card{grid-area:stage}
#simulator-app .wt-main{grid-area:results;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0}
#simulator-app .wt-main>:is(.wt-convergence-card,.wt-readings-card){grid-column:1/-1}
#simulator-app .wt-controls{grid-area:controls;position:sticky;top:12px;display:grid;gap:16px;max-height:calc(100vh - 24px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;border-radius:18px}
#simulator-app .wt-title{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
#simulator-app .wt-beta{padding:3px 10px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:color-mix(in srgb,var(--accent) 78%,var(--text));font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
#simulator-app .wt-card{min-width:0;padding:18px 20px;border:1px solid var(--glass-border);border-radius:18px;background-color:var(--glass);background-image:var(--glass-sheen);box-shadow:var(--glass-edge),var(--card-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}
#simulator-app .wt-card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;margin-bottom:12px}
#simulator-app .wt-card h2{font-size:16px;font-weight:600}
#simulator-app .wt-stage-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#simulator-app .wt-playback{display:flex;gap:6px}
#simulator-app .wt-icon{width:36px;padding:0}
#simulator-app .wt-icon svg{width:18px;height:18px}
#simulator-app #wt-run .wt-pause,#simulator-app #wt-run[data-running=true] .wt-play{display:none}
#simulator-app #wt-run[data-running=true] .wt-pause{display:block}
#simulator-app :is(#wt-run,#wt-reset):disabled{opacity:.45;cursor:not-allowed}
#simulator-app .wt-stage{position:relative;overflow:hidden;border-radius:12px;background:#16131c}
#simulator-app #wt-canvas{display:block;width:100%;height:auto;aspect-ratio:8/3}
#simulator-app .wt-badge{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:#0b0a0fb8;color:#fff;font-size:12.5px;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#simulator-app .wt-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:#facc15}
#simulator-app .wt-badge[data-state=ok]::before{background:#4ade80}
#simulator-app .wt-badge[data-state=bad]::before{background:#f87171}
#simulator-app .wt-progress{position:absolute;inset:auto 0 0;height:3px;background:#ffffff1f}
#simulator-app .wt-progress span{display:block;width:0;height:100%;background:var(--grad);transition:width .3s}
#simulator-app .wt-legend{display:grid;grid-template-columns:auto auto minmax(60px,1fr) auto;align-items:center;gap:8px;margin-top:12px;font-size:12px;color:var(--muted)}
#simulator-app .wt-legend canvas{width:100%;height:8px;border-radius:4px}
#simulator-app #wt-legend-title{font-weight:600;color:var(--text)}
#simulator-app .wt-perf{margin-top:6px;font-size:12px;color:var(--muted)}
#simulator-app .wt-hint{font-size:12.5px;line-height:1.5;color:var(--muted)}
#simulator-app .wt-hint:empty{display:none}
#simulator-app .wt-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0 2px}
#simulator-app .wt-presets button{min-height:38px;padding:6px 10px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface-2);color:var(--text);font-size:13px;font-weight:500;line-height:1.25;text-align:left;cursor:pointer}
#simulator-app .wt-presets button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:color-mix(in srgb,var(--accent) 78%,var(--text))}
#simulator-app .wt-group{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
#simulator-app .wt-group h3{margin-bottom:10px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
#simulator-app .wt-sliders{display:grid;gap:14px}
#simulator-app .wt-group-hint{margin:-4px 0 12px}
#simulator-app .wt-slider{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;font-size:13.5px}
#simulator-app .wt-slider-value{padding:1px 8px;border-radius:999px;background:var(--sunken);font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
#simulator-app .wt-slider input{--fill:50%;grid-column:1/-1;width:100%;height:22px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
#simulator-app .wt-slider input::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--accent) var(--fill),var(--line-strong) var(--fill))}
#simulator-app .wt-slider input::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px;border:2px solid var(--accent);border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;-webkit-appearance:none;appearance:none}
#simulator-app .wt-slider input::-moz-range-track{height:6px;border-radius:999px;background:var(--line-strong)}
#simulator-app .wt-slider input::-moz-range-progress{height:6px;border-radius:999px;background:var(--accent)}
#simulator-app .wt-slider input::-moz-range-thumb{width:14px;height:14px;border:2px solid var(--accent);border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003}
#simulator-app .wt-slider input:focus-visible{outline:none}
#simulator-app .wt-slider input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb,var(--focus) 40%,transparent)}
#simulator-app .wt-slider input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px color-mix(in srgb,var(--focus) 40%,transparent)}
#simulator-app .wt-note{margin-top:14px;font-size:12.5px;line-height:1.5;color:var(--muted)}
#simulator-app .wt-note:empty{display:none}
#simulator-app .wt-figures{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
#simulator-app .wt-figure{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
#simulator-app .wt-figure dt{font-size:12.5px;color:var(--muted)}
#simulator-app .wt-figure dd{display:grid;gap:2px;margin:2px 0 0}#simulator-app .wt-figure strong{font-size:22px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}#simulator-app .wt-figure-note{font-size:11.5px;line-height:1.35;color:var(--muted)}
#simulator-app .wt-field{display:grid;gap:6px;margin-bottom:14px;font-size:13px;font-weight:500}
#simulator-app .wt-field .number-unit{width:100%}
#simulator-app .wt-rows{display:grid;gap:6px;margin:0 0 12px}
#simulator-app .wt-rows div{display:flex;justify-content:space-between;gap:12px;padding-bottom:6px;border-bottom:1px solid var(--line);font-size:13px}
#simulator-app .wt-rows dt{color:var(--muted)}
#simulator-app .wt-rows dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere}
#simulator-app .wt-estimate{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 12px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--accent) 9%,var(--surface));font-size:13px;color:var(--muted)}
#simulator-app .wt-estimate strong{font-size:22px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}
#simulator-app .wt-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 8px}
#simulator-app .wt-actions button{min-height:42px;white-space:normal;line-height:1.2}
#simulator-app .wt-primary{padding:0 13px;border:1px solid var(--primary);border-radius:8px;background:var(--primary);color:var(--on-primary);font-size:14px;font-weight:600;cursor:pointer}
#simulator-app .wt-actions button:disabled{opacity:.45;cursor:not-allowed}
#simulator-app .wt-settings summary{font-size:15px;font-weight:600;cursor:pointer}
#simulator-app .wt-settings[open] summary{margin-bottom:14px}
#simulator-app .wt-setting{display:grid;gap:6px;margin-bottom:14px;font-size:12.5px;color:var(--muted)}
#simulator-app .wt-setting .segmented{display:flex;width:100%}
#simulator-app .wt-setting .segmented button{flex:1;min-height:34px;white-space:normal;line-height:1.2}
#simulator-app .wt-switch{position:relative;display:flex;align-items:center;gap:10px;font-size:13.5px;cursor:pointer}
#simulator-app .wt-switch input{position:absolute;width:1px;height:1px;opacity:0}
#simulator-app .wt-switch-track{position:relative;width:36px;height:20px;flex:none;border-radius:999px;background:var(--line-strong);transition:background .15s}
#simulator-app .wt-switch-track::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .15s}
#simulator-app .wt-switch input:checked+.wt-switch-track{background:var(--accent)}
#simulator-app .wt-switch input:checked+.wt-switch-track::after{transform:translateX(16px)}
#simulator-app .wt-switch input:focus-visible+.wt-switch-track{outline:2px solid var(--focus);outline-offset:2px}
#simulator-app .wt-explain{margin-top:28px}
#simulator-app .wt-explain-title{margin-bottom:12px;font-size:18px;font-weight:600}
#simulator-app .wt-explain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#simulator-app .wt-explain-grid h3{margin-bottom:6px;font-size:14px;font-weight:600}
#simulator-app .wt-explain-grid p{font-size:13px;line-height:1.55;color:var(--muted)}
@media(hover:hover){#simulator-app .wt-presets button:hover:not([aria-pressed=true]){border-color:var(--faint)}#simulator-app .wt-primary:hover:not(:disabled){border-color:var(--primary-hover);background:var(--primary-hover)}}
@media(max-width:1180px){#simulator-app .wt-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "controls" "results"}#simulator-app .wt-controls{position:static;max-height:none;overflow:visible}#simulator-app .wt-car-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}#simulator-app .wt-car-card>:not(.wt-group){grid-column:1/-1}#simulator-app .wt-car-card .wt-presets{grid-template-columns:repeat(4,minmax(0,1fr))}#simulator-app .wt-explain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){#simulator-app .wt-layout{gap:16px}#simulator-app :is(.wt-controls,.wt-main){grid-template-columns:minmax(0,1fr)}#simulator-app .wt-car-card{display:block}#simulator-app .wt-car-card .wt-presets{grid-template-columns:1fr 1fr}#simulator-app .wt-main{gap:16px}#simulator-app .wt-explain-grid{grid-template-columns:minmax(0,1fr)}#simulator-app .wt-card{padding:16px}#simulator-app .wt-stage-controls{width:100%}#simulator-app .wt-playback{margin-left:auto}#simulator-app :is(.wt-figure strong,.wt-estimate strong){font-size:20px}}
@media(prefers-reduced-motion:reduce){#simulator-app :is(.wt-progress span,.wt-switch-track,.wt-switch-track::after){transition:none}}
#simulator-app .wt-chart{display:block;width:100%;height:auto;overflow:hidden}
#simulator-app .wt-chart-grid{stroke:var(--chart-grid);stroke-width:1}
#simulator-app .wt-chart-tick{fill:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}
#simulator-app .wt-chart-axis,#simulator-app .wt-chart-empty{fill:var(--muted);font-size:11.5px}
#simulator-app .wt-chart-warmup{fill:color-mix(in srgb,var(--muted) 16%,transparent)}
#simulator-app .wt-line-instant{fill:none;stroke:var(--faint);stroke-width:1;opacity:.75}
#simulator-app .wt-line-mean{fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linejoin:round}
#simulator-app .wt-chart-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted)}
#simulator-app .wt-chart-legend span{display:inline-flex;align-items:center;gap:6px}
#simulator-app .wt-chart-legend span::before{content:"";width:16px;height:2px;border-radius:2px}
#simulator-app .wt-key-instant::before{background:var(--faint)}
#simulator-app .wt-key-mean::before{height:3px!important;background:var(--accent)}
#simulator-app .wt-convergence-card .wt-hint{margin-top:8px}
#simulator-app .wt-table{width:100%;border-collapse:collapse;font-size:13px}
#simulator-app .wt-table th{padding:6px 10px;border-bottom:1px solid var(--line-strong);font-size:12px;font-weight:600;text-align:left;color:var(--muted);white-space:nowrap}
#simulator-app .wt-table td{padding:8px 10px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
#simulator-app .wt-table :is(th,td):nth-child(n+3){text-align:right}
#simulator-app .wt-table .wt-dims{display:block;font-size:11.5px;font-weight:400;color:var(--muted);white-space:nowrap}
#simulator-app .wt-table tr.is-current td{background:color-mix(in srgb,var(--accent) 8%,transparent);font-weight:600}
#simulator-app .wt-wait{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 10px;margin-bottom:14px;padding:10px 12px;border:1px dashed color-mix(in srgb,var(--accent) 45%,transparent);border-radius:12px;background:color-mix(in srgb,var(--accent) 6%,var(--surface));font-size:13px;line-height:1.45;color:var(--text)}
#simulator-app .wt-readings-card .wt-wait{margin:0}
#simulator-app .wt-wait-icon{width:14px;height:14px;border:2px solid color-mix(in srgb,var(--accent) 25%,transparent);border-top-color:var(--accent);border-radius:50%;animation:wt-spin .9s linear infinite}
#simulator-app .wt-wait-bar{grid-column:1/-1;height:4px;overflow:hidden;border-radius:2px;background:var(--line)}
#simulator-app .wt-wait-bar span{display:block;width:0;height:100%;background:var(--accent);transition:width .3s}
#simulator-app .wt-wait[data-state=ready]{border-style:solid;border-color:color-mix(in srgb,var(--good) 45%,transparent);background:color-mix(in srgb,var(--good) 8%,var(--surface))}
#simulator-app .wt-wait[data-state=ready] .wt-wait-icon{border:0;background:var(--good);animation:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
#simulator-app .wt-wait[data-state=ready] .wt-wait-bar{display:none}
@keyframes wt-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#simulator-app .wt-wait-icon{animation:none}#simulator-app .wt-wait-bar span{transition:none}}
@media(max-width:740px){#simulator-app .real-time{grid-template-columns:minmax(0,1fr);padding:14px}#simulator-app .aero-source{padding:11px 14px 2px}#simulator-app .dimensions-note{padding:4px 14px 12px}}

/* Privacy notice (markup: build-privacy.mjs). Both languages are in the
   page; the one matching <html lang> shows. */
html[lang=en] #simulator-app [data-privacy-lang=el],html:not([lang=en]) #simulator-app [data-privacy-lang=en]{display:none!important}
#simulator-app .sim-privacy{margin-top:2px;font-size:12px;line-height:1.5}
#simulator-app .privacy-link{padding:0;border:0;background:none;color:var(--muted);font:inherit;font-weight:500;text-decoration:underline;text-underline-offset:2px}
#simulator-app .privacy-link:hover{color:var(--text)}
#simulator-app :is(.privacy-link,.privacy-content a):focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:2px}
#simulator-app .privacy-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#simulator-app #privacy-dialog{width:min(620px,calc(100vw - 32px));max-height:88svh;padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid var(--glass-border);border-radius:14px;background:var(--glass-strong);box-shadow:var(--glass-edge),var(--shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}
#simulator-app .privacy-content{display:grid;gap:12px;padding:16px 20px 20px;font-size:14px;line-height:1.6;color:var(--muted)}
#simulator-app .privacy-section{display:grid;gap:6px}
#simulator-app .privacy-section h3{font-size:14px;color:var(--text)}
#simulator-app .privacy-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
#simulator-app .privacy-content code{padding:0 3px;border-radius:4px;background:var(--sunken);font-size:13px;white-space:nowrap}
#simulator-app .privacy-note{font-size:13px;color:var(--faint)}
#simulator-app main:focus{outline:0}