:root{
  --fit-max-scale: 1;
  --gap: 10px;
  --slot-w: 70px;
  --slot-h: 36px;

  /* spacing */
  --row-gap: 10px;
  --lane-gap: 26px;   /* invisible travel lanes */
}

.fit-stage{ position:fixed; inset:0; width:100vw; height:100svh; overflow:hidden; background:#f3f6fa; }
.fit-target{ position:absolute; top:0; left:0; transform-origin:top left; will-change:transform; }

.n5-box{ position:relative; background:#fff; border:2px solid #0d1b2a; border-radius:10px; padding:8px 12px 10px; box-shadow:0 2px 14px rgba(0,0,0,.06); }
.n5-header{ text-align:center; margin:2px 0 8px; }
.n5-header h1{ font:800 32px/1.1 "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color:#0d1b2a; margin:0; }

.rows{ display:flex; flex-direction:column; gap:var(--row-gap); }
.row{ display:flex; align-items:center; gap:var(--gap); }

.lane{ height:var(--lane-gap); }  /* invisible spacing only */

.row-label{ width:56px; text-align:left; font:600 14px/1.1 system-ui,sans-serif; color:#172532; }
.slot{ width:var(--slot-w); height:var(--slot-h); display:flex; align-items:center; justify-content:center; border-radius:999px; background:#f5f8fb; border:1px solid #dfe6ef; font:600 13px/1 system-ui,sans-serif; color:#122033; }
.target-slot{ box-shadow:0 0 0 2px rgba(31,167,106,.18) inset; }

/* removed #right-lane dashed rule */

.separator{ margin:10px 0 8px; border:0; height:2px; background:#0d1b2a; opacity:.65; }

.underbar{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.pill.gasoline{ background:#fff; border:2px solid #0d1b2a; color:#0d1b2a; border-radius:999px; padding:6px 14px; font-weight:700; box-shadow:0 2px 0 rgba(0,0,0,.06); }
.bullets{ display:flex; flex-wrap:wrap; gap:18px; list-style:none; margin:0; padding:0; color:#122033; font:500 13px/1.2 system-ui,sans-serif; }
.bullets li::before{ content:"• "; margin-right:6px; }
.legend{ margin-left:auto; display:flex; align-items:center; gap:12px; color:#122033; font:500 13px/1.2 system-ui,sans-serif; }
.legend-dot{ width:16px; height:8px; border-radius:8px; display:inline-block; margin-right:6px; }
.legend-dot.chase{ background:#0d1b2a; } .legend-dot.driver{ background:#f6a800; } .legend-dot.car{ background:#1fa76a; }

.mover{ position:absolute; transform:translate(-50%,-50%); pointer-events:none; }
.chase-pill{ background:#0d1b2a; color:#fff; padding:6px 12px; border-radius:999px; font:700 12px/1 system-ui,sans-serif; box-shadow:0 8px 14px rgba(13,27,42,.18); }
.car-pill{ width:48px; height:16px; background:#1fa76a; border-radius:12px; box-shadow:0 8px 14px rgba(13,27,42,.10); }
.car-pill .driver-dot{ position:absolute; right:-6px; top:50%; transform:translateY(-50%); width:8px; height:8px; background:#f6a800; border-radius:50%; box-shadow:0 0 0 2px #fff; }

.flash{ position:absolute; padding:4px 10px; background:#0d1b2a; color:#fff; border-radius:8px; font:700 12px/1 system-ui,sans-serif; transform:translate(-50%,-50%); opacity:0; pointer-events:none; }
.flash.thumbs{ background:#16a34a; }

@media (orientation:landscape){ html,body{ overflow:hidden; } }