/* Island Car Log — Timeline E46 road transition v5 */
#timelineDriveTransition{
  position:fixed;
  inset:0;
  z-index:5400;
  display:none;
  overflow:hidden;
  background:
    radial-gradient(circle at 70% 18%,rgba(42,91,151,.20),transparent 34%),
    linear-gradient(180deg,#071426 0%,#08182c 52%,#06111f 100%);
  color:#fff;
  touch-action:none;
}
#timelineDriveTransition.tdt-active{display:block}
#timelineDriveTransition .tdt-stage{
  position:absolute;
  inset:0;
  overflow:hidden;
}
#timelineDriveTransition .tdt-title{
  position:absolute;
  top:clamp(24px,6vh,64px);
  left:clamp(24px,5vw,76px);
  z-index:12;
  display:flex;
  align-items:baseline;
  gap:10px;
  margin:0;
  font-size:clamp(24px,3vw,46px);
  font-weight:900;
  letter-spacing:-.03em;
  color:#fff;
  text-shadow:0 4px 22px rgba(0,0,0,.38);
}
#timelineDriveTransition .tdt-title span{
  color:#82b7ff;
  font-weight:500;
}
#timelineDriveTransition .tdt-title::after{
  content:"";
  display:block;
  width:min(36vw,520px);
  height:1px;
  margin-left:16px;
  background:linear-gradient(90deg,rgba(130,183,255,.65),rgba(130,183,255,0));
  align-self:center;
}
#timelineDriveTransition .tdt-scene{
  position:absolute;
  left:50%;
  top:50%;
  width:min(1440px,118vw);
  transform:translate(-50%,-43%);
  filter:drop-shadow(0 22px 28px rgba(0,0,0,.26));
}
#timelineDriveTransition .tdt-scene svg{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
}
#timelineDriveTransition .tdt-mountain-back{fill:#0d2644}
#timelineDriveTransition .tdt-mountain-front{fill:#102f52}
#timelineDriveTransition .tdt-lake{fill:#102c49}
#timelineDriveTransition .tdt-lake-glow{fill:#1a4b76;opacity:.45}
#timelineDriveTransition .tdt-road{fill:#101923}
#timelineDriveTransition .tdt-road-edge{fill:#8db7e8;opacity:.75}
#timelineDriveTransition .tdt-road-line{fill:#b4cff0;opacity:.7}
#timelineDriveTransition .tdt-house{fill:#0d1c2b;stroke:#244d77;stroke-width:2}
#timelineDriveTransition .tdt-roof{fill:#08121d}
#timelineDriveTransition .tdt-window{fill:#ffd887;filter:drop-shadow(0 0 8px rgba(255,210,116,.38))}
#timelineDriveTransition .tdt-tree-trunk{fill:#101921}
#timelineDriveTransition .tdt-tree{fill:#07131f;stroke:#16324b;stroke-width:1.5}
#timelineDriveTransition .tdt-rock{fill:#253747;stroke:#36536d;stroke-width:1.5}
#timelineDriveTransition .tdt-ground-haze{fill:#7eb5ee;opacity:.08}
#timelineDriveTransition .tdt-car-shadow{fill:#000;opacity:.36}
#timelineDriveTransition .tdt-car-body{
  fill:#05090e;
  stroke:#cfe3fb;
  stroke-width:2.5;
  stroke-linejoin:round;
}
#timelineDriveTransition .tdt-car-highlight{
  fill:none;
  stroke:#87b5ec;
  stroke-width:2;
  opacity:.86;
  stroke-linecap:round;
}
#timelineDriveTransition .tdt-car-window{
  fill:#0a1722;
  stroke:#8fb8e8;
  stroke-width:2;
}
#timelineDriveTransition .tdt-car-trim{
  fill:none;
  stroke:#7899bd;
  stroke-width:1.5;
  opacity:.72;
}
#timelineDriveTransition .tdt-tyre{fill:#05080c;stroke:#92b9e8;stroke-width:2}
#timelineDriveTransition .tdt-rim{fill:#506985;stroke:#d8e8fb;stroke-width:2}
#timelineDriveTransition .tdt-hub{fill:#dcecff}
#timelineDriveTransition .tdt-headlamp{
  fill:#dcecff;
  filter:drop-shadow(0 0 7px rgba(185,220,255,.9));
}
#timelineDriveTransition .tdt-taillamp{
  fill:#e84c59;
  filter:drop-shadow(0 0 7px rgba(232,76,89,.7));
}
#timelineDriveTransition .tdt-headlight-beam{
  fill:url(#tdtBeam);
  opacity:.62;
}
#timelineDriveTransition .tdt-wheel-mount{will-change:auto}
#timelineDriveTransition .tdt-wheel-spokes{will-change:transform}
#timelineDriveTransition .tdt-car-runner,
#timelineDriveTransition .tdt-car-facing,
#timelineDriveTransition .tdt-far,
#timelineDriveTransition .tdt-mid,
#timelineDriveTransition .tdt-near{
  will-change:transform;
}
@media(max-width:700px){
  #timelineDriveTransition .tdt-title{
    top:24px;
    left:20px;
    font-size:25px;
  }
  #timelineDriveTransition .tdt-title::after{
    width:25vw;
    margin-left:8px;
  }
  #timelineDriveTransition .tdt-scene{
    width:178vw;
    transform:translate(-50%,-40%);
  }
}
@media(prefers-reduced-motion:reduce){
  #timelineDriveTransition{display:none!important}
}
/* Performance pass v6 */
#timelineDriveTransition{
  contain:layout paint style;
}
#timelineDriveTransition .tdt-scene{
  filter:none!important;
  backface-visibility:hidden;
  transform-style:preserve-3d;
}
#timelineDriveTransition .tdt-window,
#timelineDriveTransition .tdt-headlight-beam,
#timelineDriveTransition .tdt-taillamp{
  filter:none!important;
}
#timelineDriveTransition .tdt-mountain-back,
#timelineDriveTransition .tdt-mountain-front,
#timelineDriveTransition .tdt-road-line,
#timelineDriveTransition .tdt-car-runner,
#timelineDriveTransition .tdt-wheel-spokes{
  will-change:transform;
  backface-visibility:hidden;
}