.sd-stage[data-astro-cid-lispg7rl]{position:relative;aspect-ratio:16 / 9;min-height:320px;isolation:isolate;--track-start: 17%;--reaction-end: 28%;--stop-x: 41%;--reaction-track: 14.1%;--stop-track: 30.8%;--skid-width: 13%;--skid-opacity: .42;--vehicle-width: 44%;--vehicle-image: url(/images/simulators/stopping-distance-simulator/canvas/vehicle-compact-sprite.webp)}.sd-stage[data-astro-cid-lispg7rl] img[data-astro-cid-lispg7rl]{pointer-events:none;user-select:none}.sd-road-art[data-astro-cid-lispg7rl],.sd-weather-art[data-astro-cid-lispg7rl],.sd-road-shade[data-astro-cid-lispg7rl]{position:absolute;inset:0;width:100%;height:100%}.sd-road-art[data-astro-cid-lispg7rl]{z-index:0;object-fit:cover;transition:filter .42s ease,opacity .28s ease}.sd-stage[data-astro-cid-lispg7rl][data-weather=rain] .sd-road-art[data-astro-cid-lispg7rl]{filter:brightness(.76) saturate(.78) contrast(1.04)}.sd-stage[data-astro-cid-lispg7rl][data-weather=heavyRain] .sd-road-art[data-astro-cid-lispg7rl]{filter:brightness(.52) saturate(.62) contrast(1.08)}.sd-stage[data-astro-cid-lispg7rl][data-weather=snow] .sd-road-art[data-astro-cid-lispg7rl]{filter:brightness(.9) saturate(.54) contrast(.92)}.sd-road-shade[data-astro-cid-lispg7rl]{z-index:1;background:linear-gradient(180deg,#1e40af1f,#0f172a4d);opacity:0;transition:opacity .32s ease}.sd-stage[data-astro-cid-lispg7rl][data-weather=rain] .sd-road-shade[data-astro-cid-lispg7rl]{opacity:.36}.sd-stage[data-astro-cid-lispg7rl][data-weather=heavyRain] .sd-road-shade[data-astro-cid-lispg7rl]{opacity:.7}.sd-stage[data-astro-cid-lispg7rl][data-weather=snow] .sd-road-shade[data-astro-cid-lispg7rl]{background:linear-gradient(180deg,#e2e8f057,#bfdbfe33);opacity:.48}.sd-weather-art[data-astro-cid-lispg7rl]{z-index:6;object-fit:cover;opacity:0;transform:scale(1.08);animation:sd-weather-fall 1.1s linear infinite;transition:opacity .32s ease}.sd-stage[data-astro-cid-lispg7rl][data-weather=rain] .sd-weather-art[data-astro-cid-lispg7rl]{opacity:.48}.sd-stage[data-astro-cid-lispg7rl][data-weather=heavyRain] .sd-weather-art[data-astro-cid-lispg7rl]{opacity:.84;animation-duration:.66s}.sd-stage[data-astro-cid-lispg7rl][data-weather=snow] .sd-weather-art[data-astro-cid-lispg7rl]{opacity:.76;animation-duration:2.6s}.sd-skid-track[data-astro-cid-lispg7rl]{position:absolute;left:var(--reaction-end);bottom:11%;z-index:2;width:var(--skid-width);height:12%;opacity:0;transform-origin:0 50%;transition:left .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1),opacity .18s ease}.sd-skid-art[data-astro-cid-lispg7rl]{width:100%;height:100%;object-fit:fill}.sd-stage[data-astro-cid-lispg7rl][data-phase=braking] .sd-skid-track[data-astro-cid-lispg7rl],.sd-stage[data-astro-cid-lispg7rl][data-phase=stopped] .sd-skid-track[data-astro-cid-lispg7rl]{opacity:var(--skid-opacity);animation:sd-skid-reveal .48s ease-out both}.sd-stage[data-astro-cid-lispg7rl][data-weather=rain] .sd-skid-track[data-astro-cid-lispg7rl],.sd-stage[data-astro-cid-lispg7rl][data-weather=heavyRain] .sd-skid-track[data-astro-cid-lispg7rl],.sd-stage[data-astro-cid-lispg7rl][data-surface=icy] .sd-skid-track[data-astro-cid-lispg7rl]{filter:contrast(.72) brightness(1.32)}.sd-distance-track[data-astro-cid-lispg7rl]{position:absolute;left:var(--track-start);right:5%;bottom:6.5%;z-index:3;height:7px;border-radius:999px;box-shadow:0 3px 8px #0f172a57}.sd-distance-segment[data-astro-cid-lispg7rl]{position:absolute;top:0;height:100%;transition:left .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1)}.sd-reaction-segment[data-astro-cid-lispg7rl]{left:0;width:var(--reaction-track);border-radius:999px 0 0 999px;background:#38bdf8}.sd-braking-segment[data-astro-cid-lispg7rl]{left:var(--reaction-track);width:calc(var(--stop-track) - var(--reaction-track));background:#f59e0b}.sd-buffer-segment[data-astro-cid-lispg7rl]{left:var(--stop-track);right:0;border-radius:0 999px 999px 0;background:#22c55edb}.sd-track-marker[data-astro-cid-lispg7rl]{position:absolute;top:50%;width:9px;height:20px;border:2px solid rgba(255,255,255,.9);border-radius:999px;background:#0f172a;box-shadow:0 2px 6px #0f172a5c;transform:translate(-50%,-50%);transition:left .42s cubic-bezier(.22,1,.36,1)}.sd-start-marker[data-astro-cid-lispg7rl]{left:0}.sd-reaction-marker[data-astro-cid-lispg7rl]{left:var(--reaction-track)}.sd-stop-marker[data-astro-cid-lispg7rl]{left:var(--stop-track)}.sd-vehicle-motion[data-astro-cid-lispg7rl]{position:absolute;left:var(--track-start);bottom:11.5%;z-index:4;width:var(--vehicle-width);aspect-ratio:9 / 4;transform:translate(-50%) scale(var(--vehicle-scale, 1));filter:drop-shadow(0 9px 7px rgba(15,23,42,.36));will-change:left}.sd-vehicle-frame[data-astro-cid-lispg7rl]{position:absolute;inset:0;background-image:var(--vehicle-image);background-repeat:no-repeat;background-size:200% 100%;transition:opacity .17s ease,filter .22s ease,transform .26s cubic-bezier(.22,1,.36,1)}.sd-driving-frame[data-astro-cid-lispg7rl]{background-position:0 0;opacity:1}.sd-braking-frame[data-astro-cid-lispg7rl]{background-position:100% 0;opacity:0}.sd-stage[data-astro-cid-lispg7rl][data-phase=reaction] .sd-vehicle-frame[data-astro-cid-lispg7rl]{filter:drop-shadow(-8px 0 2px rgba(37,99,235,.22))}.sd-stage[data-astro-cid-lispg7rl][data-phase=braking] .sd-driving-frame[data-astro-cid-lispg7rl]{opacity:0;transform:translateY(2%) rotate(.4deg)}.sd-stage[data-astro-cid-lispg7rl][data-phase=braking] .sd-braking-frame[data-astro-cid-lispg7rl]{opacity:1;transform:translateY(1.4%) rotate(.45deg);filter:drop-shadow(-8px 0 5px rgba(239,68,68,.56))}.sd-stage[data-astro-cid-lispg7rl][data-phase=stopped] .sd-vehicle-motion[data-astro-cid-lispg7rl]{animation:sd-suspension-settle .42s cubic-bezier(.22,1,.36,1)}.sd-stage-readouts[data-astro-cid-lispg7rl]{position:absolute;inset:.7rem;z-index:7;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto 1fr;gap:.38rem;pointer-events:none}.sd-stage-readout[data-astro-cid-lispg7rl]{width:fit-content;max-width:min(90%,15rem);border:1px solid rgba(255,255,255,.22);border-radius:.62rem;background:#020817b3;box-shadow:0 7px 20px #02081733;padding:.31rem .5rem;color:#fff;backdrop-filter:blur(8px);transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}.sd-stage-readout[data-astro-cid-lispg7rl]:nth-child(2){grid-row:2}.sd-stage-readout[data-astro-cid-lispg7rl]:nth-child(5){grid-row:3}.sd-stage-readout[data-astro-cid-lispg7rl]:nth-child(3),.sd-stage-readout[data-astro-cid-lispg7rl]:nth-child(4),.sd-stage-readout[data-astro-cid-lispg7rl]:nth-child(6){grid-column:2;justify-self:end;text-align:end}.sd-stage-readout[data-astro-cid-lispg7rl]:nth-child(3){grid-row:1}.sd-stage-readout[data-astro-cid-lispg7rl]:nth-child(4){grid-row:2}.sd-stage-readout[data-astro-cid-lispg7rl]:nth-child(6){grid-row:3}.sd-stage-readout[data-astro-cid-lispg7rl] span[data-astro-cid-lispg7rl],.sd-stage-readout[data-astro-cid-lispg7rl] strong[data-astro-cid-lispg7rl]{display:block}.sd-stage-readout[data-astro-cid-lispg7rl] span[data-astro-cid-lispg7rl]{font-size:.58rem;font-weight:700;line-height:1.1;opacity:.68}.sd-stage-readout[data-astro-cid-lispg7rl] strong[data-astro-cid-lispg7rl]{margin-top:.08rem;font-size:clamp(.64rem,1.45vw,.79rem);line-height:1.18}.sd-stage-readout[data-astro-cid-lispg7rl].is-linked{border-color:#38bdf8f5;background:#075985e0;box-shadow:0 0 0 3px #38bdf82e,0 9px 24px #02081747;transform:translateY(-2px)}.sd-phase-pill[data-astro-cid-lispg7rl]{position:absolute;right:.72rem;bottom:1.05rem;z-index:8;display:flex;align-items:center;gap:.36rem;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#020817c7;padding:.34rem .56rem;color:#fff;font-size:.67rem;line-height:1;backdrop-filter:blur(8px)}.sd-phase-dot[data-astro-cid-lispg7rl]{width:.48rem;height:.48rem;border-radius:999px;background:#94a3b8;box-shadow:0 0 0 3px #94a3b833}.sd-stage[data-astro-cid-lispg7rl][data-phase=reaction] .sd-phase-dot[data-astro-cid-lispg7rl]{background:#38bdf8;box-shadow:0 0 0 3px #38bdf838}.sd-stage[data-astro-cid-lispg7rl][data-phase=braking] .sd-phase-dot[data-astro-cid-lispg7rl]{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b3d}.sd-stage[data-astro-cid-lispg7rl][data-phase=stopped] .sd-phase-dot[data-astro-cid-lispg7rl]{background:#22c55e;box-shadow:0 0 0 3px #22c55e3d}.sd-control-shell[data-astro-cid-lispg7rl]{border-radius:.65rem;transition:background-color .18s ease,box-shadow .18s ease}.sd-control-shell[data-astro-cid-lispg7rl].is-active{background:color-mix(in srgb,var(--color-primary) 10%,transparent);box-shadow:0 0 0 5px color-mix(in srgb,var(--color-primary) 10%,transparent)}.stopping-distance-tool[data-astro-cid-lispg7rl] .select[data-astro-cid-lispg7rl],.stopping-distance-tool[data-astro-cid-lispg7rl] .input[data-astro-cid-lispg7rl]{min-width:0;width:100%;border-color:color-mix(in srgb,var(--color-base-content) 18%,transparent);background-color:var(--color-base-100);color:var(--color-base-content)}.sd-risk-badge[data-astro-cid-lispg7rl]{display:inline-flex;width:auto;max-width:100%;height:auto;min-height:2rem;flex-shrink:1;align-items:center;justify-content:center;padding:.45rem .75rem;white-space:normal;font-size:.875rem;font-weight:700;line-height:1.2;text-align:center;overflow-wrap:anywhere}@keyframes sd-weather-fall{0%{transform:translate3d(-1.2%,-1.4%,0) scale(1.08)}to{transform:translate3d(1.2%,1.4%,0) scale(1.08)}}@keyframes sd-skid-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes sd-suspension-settle{0%{transform:translate(-50%) scale(var(--vehicle-scale, 1)) rotate(.7deg) translateY(2%)}55%{transform:translate(-50%) scale(var(--vehicle-scale, 1)) rotate(-.2deg) translateY(-.5%)}to{transform:translate(-50%) scale(var(--vehicle-scale, 1)) rotate(0) translateY(0)}}@media(max-width:640px){.sd-stage[data-astro-cid-lispg7rl]{min-height:280px}.sd-vehicle-motion[data-astro-cid-lispg7rl]{--vehicle-scale: 1.2}.sd-stage-readouts[data-astro-cid-lispg7rl]{inset:.45rem;gap:.28rem}.sd-stage-readout[data-astro-cid-lispg7rl]{max-width:94%;padding:.25rem .38rem}.sd-stage-readout[data-astro-cid-lispg7rl] span[data-astro-cid-lispg7rl]{display:none}.sd-stage-readout[data-astro-cid-lispg7rl] strong[data-astro-cid-lispg7rl]{margin-top:0;font-size:.58rem}.sd-phase-pill[data-astro-cid-lispg7rl]{right:.45rem;bottom:.68rem}}@media(prefers-reduced-motion:reduce){.sd-weather-art[data-astro-cid-lispg7rl]{animation-duration:8s}.sd-stage-readout[data-astro-cid-lispg7rl],.sd-vehicle-frame[data-astro-cid-lispg7rl],.sd-road-art[data-astro-cid-lispg7rl],.sd-distance-segment[data-astro-cid-lispg7rl],.sd-track-marker[data-astro-cid-lispg7rl]{transition-duration:.6s}}