.car-scene.svelte-brqf0r{position:relative;aspect-ratio:1040/490;isolation:isolate;min-height:300px;overflow:hidden}.scene-grid.svelte-brqf0r{position:absolute;inset:0;background-image:linear-gradient(#40505c17 1px,transparent 1px),linear-gradient(90deg,#40505c17 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse,black,transparent 72%);mask-image:radial-gradient(ellipse,black,transparent 72%);transform:perspective(500px) rotateX(48deg) scale(1.25);transform-origin:50% 80%;z-index:-1}.car-svg.svelte-brqf0r{position:absolute;width:100%;height:100%;inset:0;overflow:visible;filter:drop-shadow(0 18px 20px #0005)}.scene-coordinate.svelte-brqf0r{position:absolute;left:25px;top:20px;font:10px var(--font-mono);letter-spacing:1.6px;color:#8b9ca7}.scene-coordinate.svelte-brqf0r span:where(.svelte-brqf0r){color:#62d7c1;margin:0 8px}.scene-scale.svelte-brqf0r{position:absolute;left:25px;bottom:18px;display:flex;align-items:center;gap:9px;font:9px var(--font-mono);letter-spacing:1px;color:#8b9ca7}.scene-scale.svelte-brqf0r span:where(.svelte-brqf0r){width:35px;height:6px;border:1px solid #687c87;border-top:0}.hotspot.svelte-brqf0r{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;min-height:44px;padding:5px 8px;background:#14212be8;border:1px solid #40525e;color:#d2e0e6;border-radius:5px;cursor:pointer;white-space:nowrap;transition:background .3s,border-color .3s,box-shadow .3s;z-index:2}.hotspot.svelte-brqf0r:hover,.hotspot.active.svelte-brqf0r{background:#193d3bef;border-color:#65d9c0;box-shadow:0 0 20px #64d6bd12}.hotspot-dot.svelte-brqf0r{display:grid;place-items:center;width:21px;height:21px;border:1px solid #6c8790;border-radius:50%;font:10px var(--font-mono);color:#9fddce}.hotspot.active.svelte-brqf0r .hotspot-dot:where(.svelte-brqf0r){background:#6bd8c0;color:#101b20;border-color:#6bd8c0}.hotspot-label.svelte-brqf0r{font-size:12px;font-weight:500}.hotspot.offline.svelte-brqf0r{border-color:#c37064}.hotspot.offline.svelte-brqf0r .hotspot-dot:where(.svelte-brqf0r){color:#ff9f90;border-color:#d87a6c}.car-svg.svelte-brqf0r g:where(.svelte-brqf0r){transition:transform .65s cubic-bezier(.22,.8,.25,1),opacity .5s,filter .5s}.car-svg.svelte-brqf0r .highlight:where(.svelte-brqf0r){filter:drop-shadow(0 0 9px #6cd8bd90)}.car-svg.svelte-brqf0r .failed:where(.svelte-brqf0r){filter:sepia(.5) saturate(.5);opacity:.4}.hood-layer.svelte-brqf0r{transform-origin:686px 245px;transition:transform .7s!important}.hood-layer.open.svelte-brqf0r{transform:translateY(-22px) rotate(-17deg)}.engine-layer.svelte-brqf0r,.data-layer.svelte-brqf0r,.media-layer.svelte-brqf0r{opacity:.22}.engine-layer.highlight.svelte-brqf0r,.data-layer.highlight.svelte-brqf0r,.media-layer.highlight.svelte-brqf0r{opacity:1}.exploded.svelte-brqf0r .body-layer:where(.svelte-brqf0r){transform:translateY(-64px);opacity:.5}.exploded.svelte-brqf0r .hood-layer:where(.svelte-brqf0r){transform:translate(9px,-98px) rotate(-15deg)}.exploded.svelte-brqf0r .engine-layer:where(.svelte-brqf0r){transform:translate(36px,-20px);opacity:1}.exploded.svelte-brqf0r .data-layer:where(.svelte-brqf0r){transform:translate(-10px,23px);opacity:1}.exploded.svelte-brqf0r .media-layer:where(.svelte-brqf0r){transform:translate(-18px,-25px);opacity:1}.exploded.svelte-brqf0r .dns-layer:where(.svelte-brqf0r){transform:translateY(-64px)}.exploded.svelte-brqf0r .plate-layer:where(.svelte-brqf0r){transform:translate(30px,12px)}.exploded.svelte-brqf0r .infrastructure:where(.svelte-brqf0r){transform:translateY(14px)}.powered.svelte-brqf0r .headlight:where(.svelte-brqf0r){filter:drop-shadow(0 0 5px #b3ffdf)}.powered.svelte-brqf0r .power-line:where(.svelte-brqf0r){animation:svelte-brqf0r-current 2s linear infinite}.powered.svelte-brqf0r .engine-core:where(.svelte-brqf0r){animation:svelte-brqf0r-pulse 2s ease-in-out infinite}@keyframes svelte-brqf0r-current{to{stroke-dashoffset:-40}}@keyframes svelte-brqf0r-pulse{50%{opacity:.4}}@media(max-width:640px){.car-scene.svelte-brqf0r{min-height:280px}.car-svg.svelte-brqf0r{top:12px}.scene-coordinate.svelte-brqf0r{font-size:8px;left:12px}.scene-scale.svelte-brqf0r{font-size:7px;left:12px;bottom:8px}.hotspot.svelte-brqf0r{padding:5px;min-width:44px;justify-content:center}.hotspot-label.svelte-brqf0r{display:none}.hotspot-dot.svelte-brqf0r{width:23px;height:23px}.hotspot.svelte-brqf0r{background:#14212b}.scene-grid.svelte-brqf0r{background-size:30px 30px}}.lesson-scene.svelte-brqf0r .scene-coordinate:where(.svelte-brqf0r),.lesson-scene.svelte-brqf0r .scene-scale:where(.svelte-brqf0r),.lesson-scene.svelte-brqf0r .scene-grid:where(.svelte-brqf0r),.lesson-scene.svelte-brqf0r .dns-layer:where(.svelte-brqf0r){display:none}.lesson-scene.show-journal.svelte-brqf0r .data-layer:where(.svelte-brqf0r){transform:translateY(109px);opacity:1}.lesson-scene.show-photos.svelte-brqf0r .media-layer:where(.svelte-brqf0r){transform:translateY(-65px);opacity:1}.lesson-scene.svelte-brqf0r .infrastructure:where(.svelte-brqf0r){opacity:.45}.lesson-scene.svelte-brqf0r .infrastructure.highlight:where(.svelte-brqf0r){opacity:1}@media(prefers-reduced-motion:reduce){.car-svg.svelte-brqf0r g:where(.svelte-brqf0r),.hotspot.svelte-brqf0r{transition:none!important}.powered.svelte-brqf0r .power-line:where(.svelte-brqf0r),.powered.svelte-brqf0r .engine-core:where(.svelte-brqf0r){animation:none}}