:root{color-scheme:dark;--bg:#07121d;--panel:#0d1d2b;--panel2:#102435;--ink:#f2f7f9;--muted:#9aaeba;--teal:#35e4c7;--red:#ff5c4d;--line:rgba(190,221,231,.14);--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.52 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:inherit}button,select,input{font:inherit}button,select{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--teal);outline-offset:4px}.content-width{width:min(1220px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;top:-100px;left:10px;background:#fff;color:#000;padding:10px;z-index:99}.skip:focus{top:8px}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;position:absolute;white-space:nowrap}
.site-head{border-bottom:1px solid var(--line);background:#091823}.head-inner{min-height:79px;width:min(1220px,calc(100% - 48px));margin:auto;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-icon{display:grid;place-items:center;width:39px;height:39px;background:var(--teal);color:#07121d;font-size:29px;font-style:italic;font-weight:1000;transform:skew(-8deg);border-radius:7px}.brand strong{display:block;font-style:italic;font-size:23px;line-height:1;font-weight:1000;letter-spacing:-.05em}.brand small{display:block;letter-spacing:.18em;font-size:8px;color:var(--muted);margin-top:4px;font-weight:800}.site-head nav{display:flex;gap:32px;align-items:center;margin-left:auto}.site-head nav a{text-decoration:none;color:var(--muted);font-weight:700;font-size:12px;letter-spacing:.03em}.site-head nav a.current,.site-head nav a:hover{color:var(--teal)}.head-mark{border:1px solid var(--line);padding:7px 11px;color:#d4e3e7;border-radius:30px;letter-spacing:.12em;font-size:10px;font-weight:900}
.intro{min-height:348px;display:grid;grid-template-columns:1fr 370px;gap:30px;align-items:center;padding-block:43px 40px}.intro-copy{max-width:740px}.eyebrow,.mini-title,.section-label,.small-cap{font-weight:900;letter-spacing:.17em;font-size:10px;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--teal)}.status-dot{width:7px;height:7px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 5px rgba(53,228,199,.11)}.slash{color:#4e6775}.intro h1{font-style:italic;font-weight:1000;line-height:.96;letter-spacing:-.075em;font-size:clamp(54px,7.5vw,103px);margin:19px 0 17px}.intro h1 em{color:var(--teal);font-style:inherit}.intro-copy>p{font-size:15px;color:#b7c7cf;max-width:600px;line-height:1.65}.intro-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.intro-tags span{border:1px solid var(--line);border-radius:40px;padding:5px 12px;color:#a3bdc8;font-size:11px;font-weight:700}.feature-photo{position:relative;height:282px;overflow:hidden;background:#d5e3e4;border-radius:13px;transform:rotate(1.6deg)}.feature-photo img{height:100%;width:100%;object-fit:cover;object-position:center 45%;filter:saturate(.72) contrast(1.1)}.photo-caption{position:absolute;bottom:12px;left:11px;right:11px;padding:7px 8px;background:#07121ddd;color:#f5ffff;font-size:10px;letter-spacing:.17em;font-weight:900;text-align:center}.photo-caption b{color:var(--teal)}
.section-label{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;padding-bottom:22px}.line-no{color:var(--teal)}.replay-wrap{padding-bottom:40px}.replay-top{display:flex;align-items:center;justify-content:space-between;padding:24px 29px;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius) var(--radius) 0 0;gap:16px}.replay-top select{display:block;margin-top:10px;width:min(350px,100%);background:#091924;color:#f4fbfe;border:1px solid #355166;padding:13px 15px;border-radius:9px;min-width:270px;font-weight:900;font-size:16px}.official{text-align:right}.official>div{display:flex;align-items:baseline;gap:7px;justify-content:flex-end}.official strong{font-variant-numeric:tabular-nums;font-size:46px;line-height:1.05;letter-spacing:-.04em;color:var(--teal);font-weight:1000}.official div span{font-size:12px;color:var(--muted);font-weight:900}.official p{font-size:11px;color:#d4e2e8;margin:4px 0 0;letter-spacing:.07em;font-weight:800}
.replay-stage{border:1px solid var(--line);border-top:0;overflow:hidden;background:linear-gradient(155deg,#0b2a38,#07121d)}.stage-hud{display:grid;grid-template-columns:1.15fr 1fr 1fr;background:#0b1b27;padding:17px 28px 13px;gap:14px}.stage-hud>div+div{border-left:1px solid var(--line);padding-left:24px}.stage-hud small{display:block;color:#8da6b4;font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:2px}.stage-hud strong{font-size:29px;line-height:1.2;letter-spacing:-.04em;display:block;font-variant-numeric:tabular-nums}.timing-hud strong{font-size:39px;color:var(--teal)}.stage-hud strong span{font-size:14px;color:var(--muted)}.phase-hud strong{font-size:17px;letter-spacing:.03em;padding-top:6px}.replay-stage canvas{display:block;width:100%;height:auto;aspect-ratio:1200/420}.stage-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 22px 12px;color:#a6bbc5;font-size:11px;font-weight:700;background:#0b1b27;gap:12px}.mode-key{display:flex;align-items:center;gap:6px}.mode-key i{width:7px;height:7px;background:var(--red);border-radius:100%}#eventText{color:var(--teal);text-align:right}
.playback{border:1px solid var(--line);border-top:0;background:#0c1d2b;padding:21px 27px 26px}.play-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.primary-action{background:var(--teal);color:#082021;border:none;border-radius:8px;padding:13px 25px;font-size:12px;font-weight:1000;letter-spacing:.11em;min-height:45px}.primary-action:hover:not(:disabled){background:#8bfbea}.primary-action span:first-child{margin-right:10px}.ghost-action{border:1px solid #355263;background:#122b39;color:#f2fbfb;border-radius:8px;padding:12px 16px;font-size:12px;font-weight:900;min-height:45px}.ghost-action:hover:not(:disabled){border-color:var(--teal)}.speed-control{display:flex;align-items:center;gap:10px;margin-left:auto}.speed-control label{font-weight:900;font-size:10px;letter-spacing:.12em;color:var(--muted)}.speed-control select{background:#132b3b;border:1px solid #355263;color:#f1fbfb;padding:11px;border-radius:8px;font-size:12px;font-weight:800}.play-row #playbackStatus{font-size:11px;color:var(--muted);font-weight:800;min-width:96px;text-align:right}.slider-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--muted);margin:20px 0 9px}.slider-head span{font-variant-numeric:tabular-nums;color:#eaf9f9}.playback input[type=range]{display:block;width:100%;margin:0;accent-color:var(--teal);height:18px}.timeline-ticks{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#79949f;font-weight:800}.checkpoint-wrap{border:1px solid var(--line);border-top:0;background:#0a1924;border-radius:0 0 var(--radius) var(--radius);padding:22px 26px}.checkpoint-head{font-size:10px;letter-spacing:.14em;font-weight:900;color:var(--muted);display:flex;gap:6px}.checkpoint-head b{color:#f8ffff}.checkpoint-head span{font-weight:600;letter-spacing:0;margin-left:auto}.checkpoints{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:15px}.checkpoint{min-width:0;background:#0f2734;border:1px solid #2b4556;color:#f0fafb;border-radius:10px;min-height:71px;text-align:left;padding:12px 12px 11px}.checkpoint:hover,.checkpoint.active{border-color:var(--teal);background:#123747}.checkpoint small{display:block;color:#96afb8;font-size:10px;font-weight:900;letter-spacing:.13em}.checkpoint strong{font-size:22px;letter-spacing:-.04em;font-weight:1000;font-variant-numeric:tabular-nums}.checkpoint strong span{font-size:11px;color:#a9bfc8;margin-left:3px}
.telemetry{padding-bottom:43px}.telemetry-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:20px}.telemetry-heading h2,.bottom-cta h2{font-size:clamp(29px,3.2vw,43px);letter-spacing:-.055em;line-height:1.05;margin:8px 0 11px;font-weight:1000}.telemetry-heading p{margin:0;color:#9bb1bd;font-size:13px}.evidence-pill{white-space:nowrap;background:rgba(53,228,199,.07);color:var(--teal);border:1px solid rgba(53,228,199,.25);border-radius:40px;font-size:10px;font-weight:900;letter-spacing:.08em;padding:9px 12px}.evidence-pill i{display:inline-block;width:6px;height:6px;background:var(--teal);border-radius:50%;vertical-align:middle;margin-right:6px}.instrument-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:15px}.rpm-panel{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:24px;min-width:0;display:flex;flex-direction:column}.panel-top{display:flex;justify-content:space-between;color:#a3bdc8;letter-spacing:.14em;font-size:11px;font-weight:900}.panel-trust{font-size:9px;color:var(--teal)}.rpm-number{display:flex;align-items:baseline;gap:10px;margin:12px 0 14px}.rpm-number strong{font-size:clamp(53px,6vw,77px);font-weight:1000;letter-spacing:-.07em;line-height:1;font-variant-numeric:tabular-nums}.rpm-number span{font-size:14px;color:var(--teal);font-weight:900;letter-spacing:.1em}.rpm-panel canvas{width:100%;height:auto;aspect-ratio:590/195;display:block}.rpm-footer{display:flex;justify-content:space-between;font-size:10px;font-weight:800;color:#8fa9b4;letter-spacing:.06em;margin-top:auto;gap:8px}.rpm-footer b{color:var(--teal)}.instrument-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.instrument{padding:17px 15px;min-width:0;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel)}.instrument-caption{display:flex;align-items:center;justify-content:space-between;gap:3px;color:#afc4ce;font-size:9px;font-weight:900;letter-spacing:.11em}.instrument-caption small{font-size:8px;color:var(--teal)}.instrument strong{display:block;font-size:clamp(23px,2.65vw,36px);font-weight:1000;letter-spacing:-.06em;margin-top:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.instrument strong sub{font-size:10px;color:#9bb3bc;letter-spacing:0;font-weight:800;vertical-align:baseline;margin-left:4px}.instrument p{font-size:10px;color:#91a8b3;margin:12px 0 0;line-height:1.4}.instrument p.caution{color:#e9bd9e}.meter{height:4px;border-radius:5px;background:#254351;margin-top:6px;overflow:hidden}.meter span{display:block;height:100%;width:0;background:var(--teal);transition:width .13s linear}.proof-note{display:flex;align-items:flex-start;gap:12px;color:#a3b7c0;padding:19px 21px;margin-top:18px;border:1px solid var(--line);border-radius:12px;background:rgba(132,165,175,.04)}.proof-icon{flex:0 0 22px;border:1px solid #607e87;color:#b5d3d7;border-radius:50%;font-size:13px;text-align:center;font-weight:900}.proof-note p{margin:0;font-size:12px;line-height:1.65}.proof-note strong{color:#deeced}
.bottom-cta{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:32px 35px;margin-bottom:28px;border-radius:var(--radius);background:linear-gradient(115deg,#133449,#173f46 58%,#103039);border:1px solid #276067}.bottom-cta h2{margin:6px 0}.bottom-cta h2 em{color:var(--teal);font-style:inherit}.bottom-cta p{margin:0;font-size:12px;color:#acc5cc}.bottom-links{display:flex;gap:9px;flex-wrap:wrap}.bottom-links a{padding:12px 14px;text-decoration:none;font-weight:900;letter-spacing:.06em;font-size:10px;border:1px solid #7fadae;border-radius:8px;white-space:nowrap}.bottom-links a:first-child{background:var(--teal);border-color:var(--teal);color:#092729}.bottom-links a span{margin-left:8px}.site-foot{padding:0 0 30px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#7c9caa;letter-spacing:.16em;font-weight:800}
@media(max-width:950px){.intro{grid-template-columns:1fr 260px}.feature-photo{height:238px}.instrument-layout{grid-template-columns:1fr}.rpm-panel{min-height:320px}.instrument-grid{grid-template-columns:repeat(3,1fr)}.instrument strong{font-size:32px}}
@media(max-width:680px){.content-width,.head-inner{width:min(100% - 28px,1220px)}.head-inner{gap:12px;min-height:69px;justify-content:space-between}.site-head nav{gap:12px;margin-left:auto}.site-head nav a{font-size:10px}.site-head nav a:nth-child(2),.head-mark{display:none}.intro{min-height:0;grid-template-columns:1fr;padding-block:28px}.intro h1{font-size:clamp(55px,13vw,77px)}.intro-copy>p{font-size:13px}.feature-photo{display:none}.intro-tags{gap:5px;margin-top:18px}.intro-tags span{font-size:9px}.section-label{padding-block:15px;gap:10px;font-size:9px}.section-label>span:last-child{text-align:right}.replay-top{padding:18px;flex-direction:column;align-items:stretch}.replay-top select{min-width:0;width:100%;margin-top:7px}.official{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}.official>div{margin-left:auto}.official strong{font-size:35px}.official p{display:none}.stage-hud{padding:14px;grid-template-columns:1fr 1fr;gap:10px}.stage-hud .phase-hud{display:none}.stage-hud>div+div{padding-left:10px}.stage-hud strong{font-size:25px}.timing-hud strong{font-size:29px}.replay-stage canvas{aspect-ratio:390/240}.stage-footer{padding:9px 11px;font-size:9px}.playback{padding:18px 15px}.play-row{gap:8px}.speed-control{margin-left:0}.speed-control label{display:none}.play-row #playbackStatus{margin-left:auto}.checkpoint-wrap{padding:18px 12px}.checkpoints{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.checkpoint{padding:9px 4px;min-height:64px;text-align:center}.checkpoint small{font-size:8px;letter-spacing:0}.checkpoint strong{font-size:clamp(13px,3.2vw,21px)}.checkpoint strong span{display:none}.checkpoint-head{font-size:9px}.telemetry-heading{align-items:flex-start}.telemetry-heading h2{font-size:30px}.evidence-pill{display:none}.instrument-grid{grid-template-columns:repeat(2,1fr)}.rpm-panel{padding:18px;min-height:0}.rpm-number strong{font-size:56px}.instrument{padding:15px 12px}.instrument strong{font-size:32px}.bottom-cta{flex-direction:column;align-items:flex-start;padding:25px 20px}.bottom-links{width:100%}.site-foot{font-size:8px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.meter span{transition:none}}

/* Light theme: matched to hatchflea.com race-data */
:root{color-scheme:light;--bg:#f4f7fb;--panel:#fff;--panel2:#f8fafc;--ink:#132033;--muted:#667085;--teal:#0f6b99;--red:#d92d20;--line:#dbe4ee;--radius:18px}
body{background:var(--bg);color:var(--ink)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--teal)}
.site-head{background:rgba(255,255,255,.97);border-color:var(--line);box-shadow:0 2px 12px rgba(15,23,42,.04)}
.brand-icon{background:var(--teal);color:#fff}.brand small{color:#64748b}.site-head nav a{color:#475569}.site-head nav a.current,.site-head nav a:hover{color:var(--teal)}.head-mark{background:#eef8ff;color:#0b4f71;border-color:#d7e8f5}
.eyebrow{color:var(--teal)}.status-dot{background:#039855;box-shadow:0 0 0 5px rgba(3,152,85,.09)}.slash{color:#94a3b8}
.intro h1{color:#0f172a}.intro h1 em{color:var(--teal)}.intro-copy>p{color:#475569}.intro-tags span{background:#fff;border-color:var(--line);color:#475569}.feature-photo{border:1px solid #e2e8f0;box-shadow:0 9px 32px rgba(15,23,42,.09)}.photo-caption b{color:#9fe3f4}
.section-label{color:#64748b;border-color:var(--line)}.line-no{color:var(--teal)}.mini-title,.small-cap{color:#64748b}
.replay-top{background:#fff;border-color:var(--line);box-shadow:0 8px 28px rgba(15,23,42,.04)}.replay-top select{background:#fff;color:#0f172a;border:1px solid #cbd5e1;box-shadow:0 1px 3px rgba(15,23,42,.05)}.official strong{color:var(--teal)}.official p{color:#64748b}
.replay-stage{background:#e8f1f8;border-color:var(--line)}.stage-hud{background:#f8fafc;border-bottom:1px solid var(--line)}.stage-hud small{color:#64748b}.stage-hud strong{color:#0f172a}.stage-hud strong span{color:#64748b}.timing-hud strong{color:var(--teal)}.stage-footer{background:#f8fafc;border-top:1px solid var(--line);color:#64748b}#eventText{color:#0b4f71}
.playback{background:#fff;border-color:var(--line)}.primary-action{background:var(--teal);color:#fff}.primary-action:hover:not(:disabled){background:#0b4f71}.ghost-action{border:1px solid #cbd5e1;background:#f8fafc;color:#334155}.ghost-action:hover:not(:disabled){background:#eef8ff;border-color:var(--teal)}.speed-control label{color:#64748b}.speed-control select{background:#fff;color:#0f172a;border:1px solid #cbd5e1}.play-row #playbackStatus{color:#64748b}.slider-head{color:#64748b}.slider-head span{color:#334155}.timeline-ticks{color:#64748b}.playback input[type=range]{accent-color:var(--teal)}
.checkpoint-wrap{background:#f8fafc;border-color:var(--line)}.checkpoint-head{color:#64748b}.checkpoint-head b{color:#0f172a}.checkpoint{background:#fff;border:1px solid #dbe4ee;color:#0f172a;box-shadow:0 2px 8px rgba(15,23,42,.025)}.checkpoint:hover,.checkpoint.active{border-color:var(--teal);background:#eef8ff;box-shadow:inset 0 0 0 1px var(--teal)}.checkpoint small{color:#64748b}.checkpoint strong span{color:#64748b}
.telemetry-heading h2,.bottom-cta h2{color:#0f172a}.telemetry-heading p{color:#64748b}.evidence-pill{background:#eaf5fd;color:#0b4f71;border:1px solid #cde5f5}.evidence-pill i{background:#039855}
.rpm-panel,.instrument{background:#fff;border-color:var(--line);box-shadow:0 6px 19px rgba(15,23,42,.03)}.panel-top{color:#64748b}.panel-trust{color:var(--teal)}.rpm-number strong{color:#0f172a}.rpm-number span{color:var(--teal)}.rpm-footer{color:#64748b}.rpm-footer b{color:var(--teal)}
.instrument-caption{color:#475569}.instrument-caption small{color:#0f6b99}.instrument strong{color:#0f172a}.instrument strong sub{color:#64748b}.instrument p{color:#64748b}.instrument p.caution{color:#9a5312}.meter{background:#e2e8f0}.meter span{background:var(--teal)}
.proof-note{color:#475569;background:#f1f6fb;border-color:#d7e4ef}.proof-icon{border-color:#91b7c9;color:#0f6b99}.proof-note strong{color:#132033}
.bottom-cta{background:linear-gradient(120deg,#e3f2fb 0%,#f3f9fe 60%,#ffffff 100%);border:1px solid #c8e2f3;box-shadow:0 9px 30px rgba(15,23,42,.04)}.bottom-cta h2 em{color:var(--teal)}.bottom-cta p{color:#475569}.bottom-links a{color:#0b4f71;border:1px solid #a5cfe2;background:#fff}.bottom-links a:first-child{background:var(--teal);color:#fff;border-color:var(--teal)}.site-foot{color:#64748b}

/* v2 Glance-aligned pressure presentation */
.pressure-unit-settings{margin-top:16px;border:1px solid #dbe4ee;border-radius:14px;background:#fff;padding:12px 16px;color:#344054}
.pressure-unit-settings summary{cursor:pointer;font-weight:800;display:list-item}
.pressure-unit-settings summary span{float:right;color:#64748b;font-weight:600;font-size:12px}
.pressure-unit-settings label{display:inline-block;margin:12px 9px 0 0;font-weight:700;font-size:13px}
.pressure-unit-settings select{background:#fff;color:#0f172a;border:1px solid #cbd5e1;padding:9px;border-radius:9px}
.pressure-unit-settings p{font-size:12px;color:#667085;margin:9px 0 0}
.instrument.signal-suspect{border-color:#f4cc97;background:#fffdf8}
.instrument.signal-suspect .instrument-caption small{color:#9a5312}
.instrument.signal-suspect p.caution{color:#90520f}
@media(max-width:680px){.pressure-unit-settings summary span{float:none;display:block;margin-top:3px}.pressure-unit-settings label{display:block}}

/* FLEA Run Replay: phone and narrow-tablet alignment only. No timing/telemetry logic changes. */
@media (max-width: 680px) {
  .content-width, .head-inner { width: calc(100% - 28px); }
  .intro h1 { font-size: clamp(42px, 11.5vw, 64px); letter-spacing: -.055em; }
  .intro-copy > p { line-height: 1.6; }
  .replay-top { gap: 12px; padding: 16px; }
  .replay-top > div { min-width: 0; }
  .replay-top select { box-sizing: border-box; max-width: 100%; padding: 12px 10px; font-size: 14px; }
  .official { border-top: 1px solid var(--line); padding-top: 12px; }
  .official strong { font-size: clamp(28px, 9vw, 35px); }
  .stage-hud { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 12px 13px; }
  .stage-hud > div + div { min-width: 0; }
  .stage-hud small { font-size: 9px; letter-spacing: .06em; }
  .stage-hud strong { font-size: clamp(20px, 6.6vw, 27px); }
  .stage-hud .timing-hud strong { font-size: clamp(24px, 7.7vw, 32px); }
  .replay-stage canvas { aspect-ratio: 390 / 245; }
  .stage-footer { flex-wrap: wrap; align-items: flex-start; gap: 4px 12px; padding: 9px 12px; }
  .stage-footer > span { min-width: 0; }
  .playback { padding: 15px 12px 20px; }
  .play-row { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); column-gap: 9px; row-gap: 12px; align-items: center; }
  .play-row .primary-action, .play-row .ghost-action { width: 100%; min-width: 0; min-height: 48px; padding: 12px 8px; }
  .play-row .primary-action { letter-spacing: .05em; }
  .play-row .primary-action span:first-child { margin-right: 5px; }
  .play-row .speed-control { grid-column: 1; grid-row: 2; width: 100%; min-width: 0; margin: 0; }
  .play-row .speed-control select { width: 100%; min-width: 0; padding: 10px 9px; }
  .play-row #playbackStatus { grid-column: 2; grid-row: 2; min-width: 0; justify-self: end; margin: 0; text-align: right; font-size: 10px; }
  .slider-head { gap: 8px; }
  .slider-head label { font-size: 10px; }
  .slider-head span { font-size: 11px; text-align: right; }
  .checkpoint-wrap { padding: 15px 12px 17px; }
  .checkpoint-head { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
  .checkpoint-head span { font-size: 10px; }
  .checkpoints { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 8px; }
  .checkpoint { grid-column: span 2; min-width: 0; padding: 11px 7px; min-height: 70px; }
  .checkpoint:nth-child(4), .checkpoint:nth-child(5) { grid-column: span 3; }
  .checkpoint small { font-size: 9px; letter-spacing: .02em; }
  .checkpoint strong { font-size: clamp(17px, 4.6vw, 22px); }
  .telemetry-heading { margin-bottom: 14px; }
  .telemetry-heading h2 { font-size: clamp(26px, 8vw, 31px); line-height: 1.14; }
  .rpm-panel { padding: 16px 13px; }
  .rpm-number strong { font-size: clamp(43px, 12vw, 56px); }
  .instrument-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .instrument { min-width: 0; padding: 13px 11px; }
  .instrument-caption { flex-wrap: wrap; gap: 3px 7px; font-size: 9px; letter-spacing: .06em; }
  .instrument strong { max-width: 100%; font-size: clamp(20px, 6.8vw, 31px); }
  .instrument strong sub { font-size: 9px; }
  .instrument p { overflow-wrap: anywhere; }
  .bottom-links { display: grid; grid-template-columns: minmax(0,1fr); }
  .bottom-links a { width: 100%; white-space: normal; text-align: center; }
}
@media (max-width: 360px) {
  .site-head nav { gap: 8px; }
  .site-head nav a { font-size: 9px; }
  .brand small { letter-spacing: .11em; }
  .brand strong { font-size: 20px; }
  .stage-hud { gap: 6px; }
  .stage-hud > div+div { padding-left: 8px; }
  .checkpoint strong { font-size: 17px; }
  .rpm-footer { font-size: 9px; letter-spacing: 0; }
}


/* FLEA v3: one shared playback, track and live engine panel. */
.live-race-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px;align-items:stretch}
.track-column{display:flex;flex-direction:column;min-width:0}
.live-race-layout .replay-stage{border:1px solid var(--line);flex:0 0 auto;border-radius:0;overflow:hidden}
.live-race-layout .playback{border:1px solid var(--line);border-top:0;border-radius:0 0 13px 13px;padding:15px 17px 16px}
.live-race-layout .stage-hud{padding:13px 14px 11px;gap:8px}
.live-race-layout .stage-hud>div+div{padding-left:13px}
.live-race-layout .stage-hud small{font-size:9px}
.live-race-layout .stage-hud strong{font-size:24px}
.live-race-layout .timing-hud strong{font-size:31px}
.live-race-layout .phase-hud strong{font-size:13px;letter-spacing:0}
.live-race-layout .replay-stage canvas{aspect-ratio:1200/415}
.live-race-layout .stage-footer{padding:8px 12px;gap:10px}
.live-race-layout .play-row{gap:8px}
.live-race-layout .primary-action,.live-race-layout .ghost-action{padding:11px 13px;min-height:41px}
.live-race-layout .speed-control{gap:6px}
.live-race-layout .speed-control label{font-size:9px}
.live-race-layout .speed-control select{padding:9px}
.live-race-layout .slider-head{margin:12px 0 5px}
.engine-column{min-width:0;padding:13px;border:1px solid var(--line);border-radius:13px;background:#f8fbfd;display:flex;flex-direction:column}
.engine-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.engine-heading h2{font-size:23px;letter-spacing:-.05em;line-height:1.04;margin:4px 0 0;color:#12243a}
.engine-heading h2 span{color:var(--teal);font-size:16px;vertical-align:middle}
.engine-heading .mini-title{font-size:9px}
.live-sync{white-space:nowrap;font-size:9px;letter-spacing:.05em;font-weight:900;color:#0b5e83}
.live-sync i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#0f9d74;margin-right:4px}
.engine-column .instrument-layout{display:flex;flex-direction:column;gap:8px;flex:1}
.engine-column .rpm-panel{min-height:0;padding:13px 14px 8px;border-radius:12px;display:block}
.engine-column .panel-top{font-size:9px}
.engine-column .rpm-number{margin:5px 0 4px}
.engine-column .rpm-number strong{font-size:clamp(33px,3.9vw,51px)}
.engine-column .rpm-number span{font-size:11px}
.engine-column .rpm-panel canvas{aspect-ratio:590/105;max-height:100px}
.engine-column .rpm-footer{font-size:8px;letter-spacing:0}
.engine-column .instrument-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;flex:1}
.engine-column .instrument{border-radius:11px;padding:11px 9px;min-height:87px;display:flex;flex-direction:column;justify-content:space-between}
.engine-column .instrument-caption{display:block;font-size:9px;line-height:1.2;letter-spacing:.04em}
.engine-column .instrument-caption small{display:none}
.engine-column .instrument strong{font-size:clamp(20px,2vw,28px);letter-spacing:-.055em;line-height:1.08;margin:5px 0}
.engine-column .instrument strong sub{font-size:9px;letter-spacing:0;margin-left:3px}
.engine-column .instrument p{font-size:9px;line-height:1.22;margin:3px 0 0}
.engine-column .instrument .meter{height:4px;margin-top:5px}
.engine-column #oilCard{order:-2}
.engine-column #fuelCard{order:-1}
.live-strip{display:none}
.replay-wrap .checkpoint-wrap{border:1px solid var(--line);border-radius:0 0 13px 13px;margin-top:13px}
.replay-wrap .checkpoint-head{justify-content:space-between}
.replay-wrap .checkpoint-head span{font-size:10px;letter-spacing:0;font-weight:600}
.replay-wrap .pressure-unit-settings{margin-top:12px}
.replay-wrap .proof-note{margin-top:12px}
.replay-wrap{padding-bottom:40px}
@media(max-width:1050px){
 .live-race-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:9px}
 .engine-column{padding:9px}
 .engine-column .instrument{padding:9px 7px}
 .engine-column .instrument strong{font-size:22px}
 .live-race-layout .play-row #playbackStatus{display:none}
 .live-race-layout .speed-control label{display:none}
}
@media(max-width:760px){
 .live-race-layout{display:flex;flex-direction:column;gap:0}
 .track-column{display:contents}
 .live-race-layout .playback{order:0;border:1px solid var(--line);border-top:0;border-radius:0;padding:12px 13px}
 .live-race-layout .replay-stage{order:1;flex:none;border-top:0;border-radius:0}
 .live-race-layout .replay-stage canvas{aspect-ratio:390/175}
 .live-race-layout .stage-hud{padding:9px 11px;grid-template-columns:1fr 1fr 1fr}
 .live-race-layout .stage-hud>div+div{border-left:1px solid var(--line);padding-left:8px}
 .live-race-layout .stage-hud small{font-size:8px;letter-spacing:0}
 .live-race-layout .stage-hud strong{font-size:19px;white-space:nowrap}
 .live-race-layout .timing-hud strong{font-size:24px}
 .live-race-layout .phase-hud strong{font-size:10px;white-space:normal}
 .live-race-layout .stage-footer{font-size:9px;padding:7px 11px}
 .live-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 3px}
 .live-tile{min-width:0;text-align:center;display:flex;flex-direction:column;gap:0;border-right:1px solid var(--line);padding:3px 1px}
 .live-tile:last-child{border-right:0}
 .live-tile span{font-size:9px;letter-spacing:.07em;color:#64748b;font-weight:900}
 .live-tile strong{font-size:clamp(15px,4.7vw,24px);line-height:1.35;color:#0e6a99;letter-spacing:-.05em;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
 .live-tile small{font-size:8px;color:#64748b;font-weight:850}
 .live-tile.signal-suspect strong{font-size:17px;color:#9a5312}
 .engine-column{order:2;border-radius:0 0 14px 14px;padding:12px}
 .engine-heading{margin-bottom:8px}
 .engine-heading h2{font-size:22px}
 .engine-column .rpm-panel{padding:12px}
 .engine-column .rpm-panel canvas{max-height:90px}
 .engine-column .instrument-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .engine-column .instrument{min-height:75px;padding:9px 7px}
 .engine-column .instrument strong{font-size:clamp(19px,5vw,26px)}
 .engine-column .instrument-caption{font-size:8px}
 .engine-column .instrument p{font-size:8px}
 .replay-wrap .checkpoint-wrap{margin-top:12px}
}
@media(max-width:390px){
 .live-race-layout .play-row{gap:6px}
 .live-race-layout .primary-action,.live-race-layout .ghost-action{min-height:41px}
 .live-race-layout .stage-hud strong{font-size:17px}
 .live-race-layout .timing-hud strong{font-size:22px}
 .live-tile span{font-size:8px}
 .live-tile strong{font-size:clamp(15px,4.7vw,19px)}
 .live-tile.signal-suspect strong{font-size:15px}
}

/* FLEA visitor replay 3.0.1: clean intro + clearer Play CTA. */
.intro{grid-template-columns:minmax(0,1fr);min-height:0;padding-block:38px 32px}
.intro-copy{max-width:940px}
.primary-action{background:#e85526;color:#ffffff;box-shadow:0 4px 12px rgba(232,85,38,.16)}
.primary-action:hover:not(:disabled){background:#bc3f18}
.primary-action:focus-visible{outline:3px solid #f7ad8c;outline-offset:3px}
.stage-footer{justify-content:flex-end}
@media(max-width:680px){.intro{padding-block:28px 25px}}
