@font-face{font-family:OffsetPixel;src:url(/type/silkscreen-400.woff2) format("woff2");font-display:swap}@font-face{font-family:OffsetDisplay;src:url(/type/pixelify-var.woff2) format("woff2");font-display:swap}:root{font-family:OffsetPixel,monospace;color:#f2f0eb;background:#030406;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;background:#030406}button{font:inherit}.offset-app{width:100vw;height:100vh;display:grid;place-items:center;background:#030406;padding:clamp(0px,1.4vw,22px)}.offset-stage{--offset-accent:#b86cff;position:relative;width:100%;height:100%;max-aspect-ratio:21/9;overflow:hidden;isolation:isolate;background:#05050b;color:#f2f0eb;container-type:size;box-shadow:0 24px 80px #000}.offset-world{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#08091a}.offset-pan{position:absolute;inset:0 auto 0 0;width:200%;height:100%;background-image:url(/art/generated/cinematic/neon-expressway.png);background-repeat:repeat-x;background-position:0 50%;background-size:50% 100%;image-rendering:auto;will-change:transform}.offset-pan-a{filter:saturate(1.05) contrast(1.04);animation:offset-pan 11s steps(110) infinite}.offset-pan-b{opacity:.12;mix-blend-mode:screen;filter:blur(1px);transform:translate(2px);animation:offset-pan 7.5s steps(90) infinite}.offset-road-glow{position:absolute;z-index:2;left:-100%;right:-100%;bottom:0;height:34%;background:repeating-linear-gradient(90deg,transparent 0 6%,#a24dff20 7% 8%,transparent 9% 15%,#22aaff1a 16% 17%,transparent 18% 25%);mix-blend-mode:screen;filter:blur(9px);animation:offset-road 2.1s steps(34) infinite}.offset-speed{position:absolute;z-index:3;left:-100%;right:-100%;height:2px;opacity:.5;background:repeating-linear-gradient(90deg,transparent 0 50px,#d9ddff 52px 110px,transparent 112px 260px);animation:offset-road .9s steps(18) infinite}.offset-speed-a{bottom:16%}.offset-speed-b{bottom:8%;animation-duration:.62s;opacity:.3}.offset-car-rig{position:absolute;z-index:5;left:50%;bottom:10.2%;width:min(54vw,960px);aspect-ratio:1672/941;transform:translate(-50%);animation:offset-suspension 2.8s cubic-bezier(.45,0,.25,1) infinite;will-change:transform;transition:width .45s,filter .35s,opacity .22s}.offset-car-rig img{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 8px 4px #000a);transition:filter .35s,transform .35s}.offset-car-shadow{position:absolute;z-index:1;left:10%;right:6%;bottom:20%;height:13%;border-radius:50%;background:#000c;filter:blur(12px)}.offset-car-reflection{position:absolute;z-index:1;left:14%;right:9%;bottom:13%;height:15%;background:linear-gradient(90deg,transparent,#8345af55 17%,#d287ff4d 56%,#8377ee35 75%,transparent);filter:blur(10px);transform:skew(-10deg);animation:offset-reflection 1.2s steps(12) infinite}.offset-headlight{position:absolute;z-index:4;right:8%;top:55%;width:22%;height:14%;opacity:0;background:radial-gradient(ellipse at right,#fff8d9 0 3%,#b8d7ff9a 15%,transparent 66%);filter:blur(4px);mix-blend-mode:screen;transition:opacity .2s}.lights-parking .offset-headlight{opacity:.28}.lights-low .offset-headlight{opacity:.92}.offset-wheel-blur{display:none}.offset-wheel-rear{left:12.2%}.offset-wheel-front{left:47.7%}.build-factory .offset-car-rig img{filter:saturate(.72) brightness(.86) drop-shadow(0 8px 4px #000a);transform:translateY(-3px) scale(.985)}.build-oemplus .offset-car-rig img{filter:saturate(.9) brightness(.95) drop-shadow(0 8px 4px #000a);transform:translateY(-1px) scale(.995)}.offset-tunnel-wipe{position:absolute;z-index:30;top:-10%;right:-10%;bottom:-10%;left:-10%;pointer-events:none;background:linear-gradient(102deg,#020204 0,#020204 44%,#15111d,#020204 54%,#020204);transform:translate(-112%);opacity:0}.is-transitioning .offset-tunnel-wipe{animation:offset-wipe 1.12s cubic-bezier(.65,0,.35,1) both}.is-transitioning .offset-car-rig{opacity:.72}.offset-pixel-noise{position:absolute;z-index:6;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.075;background-image:radial-gradient(#fff 0 .55px,transparent .8px);background-size:4px 4px;mix-blend-mode:soft-light}.offset-header{position:absolute;z-index:12;left:3.2%;right:3.2%;top:4%;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.offset-wordmark,.offset-channel{border:0;color:inherit;background:#07080ad6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;text-align:left;padding:11px 13px}.offset-wordmark strong{display:block;font-size:clamp(15px,1.6vw,24px);letter-spacing:.25em}.offset-wordmark span{display:block;margin-top:7px;color:#aaa4b7;font-size:7px;letter-spacing:.13em}.offset-channel{display:grid;grid-template-columns:auto auto;gap:5px 12px;align-items:baseline}.offset-channel span{grid-row:1/3;color:var(--offset-accent);font-size:8px}.offset-channel strong{font-size:8px;letter-spacing:.12em}.offset-channel:after{content:"LIVE";font-size:6px;color:#aaa4b7}.offset-tune{position:absolute;z-index:12;top:47%;display:flex;align-items:center;gap:4px;border:1px solid #ffffff29;background:#07080aa8;color:#dad6e2;padding:9px 8px;cursor:pointer}.offset-tune svg{width:16px;height:16px}.offset-tune span{font-size:7px;letter-spacing:.12em}.offset-tune-left{left:3.2%}.offset-tune-right{right:3.2%}.offset-feature-copy{position:absolute;z-index:12;left:3.2%;bottom:5.2%;max-width:42%;text-shadow:0 2px 9px #000}.offset-feature-copy>span,.offset-eyebrow{font-size:7px;color:#d8a9ff;letter-spacing:.16em}.offset-feature-copy h1{margin:7px 0 4px;font-family:OffsetDisplay,monospace;font-size:clamp(22px,3.6vw,54px);font-weight:500;line-height:.92;letter-spacing:.015em}.offset-feature-copy p{margin:0;font-size:8px;letter-spacing:.11em;color:#c8c2d1}.offset-build-switch{position:absolute;z-index:12;left:50%;bottom:5.2%;transform:translate(-50%);display:flex;padding:3px;background:#07080ad6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.offset-build-switch button{border:0;background:transparent;color:#aaa4b7;padding:9px 11px;font-size:7px;letter-spacing:.1em;cursor:pointer}.offset-build-switch button[aria-pressed=true]{background:#eeeaf1;color:#09090c}.offset-deck{position:absolute;z-index:12;right:3.2%;bottom:5.2%;display:flex;padding:3px;background:#07080ad6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.offset-deck button{min-width:48px;height:41px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-left:1px solid #ffffff14;background:transparent;color:#bcb6c8;cursor:pointer;padding:4px 7px}.offset-deck button:first-child{border-left:0}.offset-deck button:hover,.offset-deck button[aria-pressed=true]{color:#e2bdff;background:#ffffff0c}.offset-deck svg{width:14px;height:14px}.offset-deck span{font-size:5.5px;letter-spacing:.08em;white-space:nowrap}.offset-notice{position:absolute;z-index:40;left:50%;bottom:17%;transform:translate(-50%);background:#eeeaf1;color:#09090c;padding:9px 12px;font-size:7px;letter-spacing:.1em}.offset-hotspots{position:absolute;z-index:11;top:0;right:0;bottom:0;left:0}.hotspot{position:absolute;width:24px;height:24px;border-radius:50%;border:1px solid #fff;background:#08090be3;color:#fff;font-size:6px;cursor:pointer;box-shadow:0 0 0 6px #ffffff1c}.hotspot span{position:absolute;left:30px;top:4px;padding:5px 7px;background:#08090be3;font-size:6px;letter-spacing:.1em}.hotspot-rear{left:35%;top:64%}.hotspot-center{left:52%;top:54%}.hotspot-front{left:64%;top:65%}.is-inspecting .offset-pan-a,.is-inspecting .offset-pan-b{animation-duration:64s}.is-inspecting .offset-road-glow,.is-inspecting .offset-speed{animation-duration:18s}.is-inspecting .offset-car-rig{animation-play-state:paused}.offset-drawer{position:absolute;z-index:50;top:0;right:0;bottom:0;width:min(420px,42%);background:#07080af4;border-left:1px solid #ffffff24;transform:translate(102%);transition:transform .3s ease;overflow:auto}.offset-drawer.is-open{transform:translate(0)}.offset-drawer-close{position:absolute;z-index:2;right:18px;top:18px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff20;background:transparent;color:#c8c2d1;cursor:pointer}.offset-drawer-close svg{width:15px}.offset-drawer-content{padding:clamp(72px,12vh,110px) clamp(24px,4vw,48px) 40px}.offset-drawer-content h2{margin:13px 0 20px;font-family:OffsetDisplay,monospace;font-size:clamp(24px,3vw,42px);font-weight:500;line-height:.95}.offset-drawer-content>p{font-family:OffsetDisplay,monospace;color:#aaa4b7;font-size:13px;line-height:1.5}.offset-drawer dl{margin-top:28px}.offset-drawer dl div{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #ffffff16;font-size:7px}.offset-drawer dt{color:#888294}.offset-drawer dd{margin:0;text-align:right}.offset-channel-list{display:flex;flex-direction:column;margin-top:25px}.offset-channel-list button{display:grid;grid-template-columns:28px 1fr;gap:5px 10px;text-align:left;border:0;border-top:1px solid #ffffff18;background:transparent;color:#aaa4b7;padding:15px 4px;cursor:pointer}.offset-channel-list button[aria-pressed=true]{color:#fff;background:#ffffff08}.offset-channel-list span{grid-row:1/3;color:#b86cff;font-size:8px}.offset-channel-list strong{font-size:8px;letter-spacing:.08em}.offset-channel-list small{font-family:OffsetDisplay,monospace;font-size:11px;color:#777283}.offset-cut-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:25px 0}.offset-cut-strip button{aspect-ratio:3/4;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:5px;border:1px solid #ffffff20;background:linear-gradient(#16142d,#3b2251 48%,#11151b 49%);color:#fff;padding:9px;cursor:pointer}.offset-cut-strip b{font-size:13px}.offset-cut-strip span{font-size:6px;letter-spacing:.08em}.offset-primary{width:100%;border:0;background:#eeeaf1;color:#09090c;padding:13px;font-size:7px;letter-spacing:.1em;cursor:pointer}.is-paused .offset-pan,.is-paused .offset-road-glow,.is-paused .offset-speed,.is-paused .offset-car-rig,.is-paused .offset-wheel-blur,.is-paused .offset-car-reflection{animation-play-state:paused}@keyframes offset-pan{to{transform:translate(-50%)}}@keyframes offset-road{to{transform:translate(-18%)}}@keyframes offset-reflection{50%{opacity:.62;transform:translate(5px) skew(-10deg)}}@keyframes offset-suspension{0%,to{transform:translate(-50%) translateY(0) rotate(-.02deg)}18%{transform:translate(-50%) translateY(2px) rotate(.08deg)}38%{transform:translate(-50%) translateY(-2px) rotate(-.09deg)}61%{transform:translate(-50%) translateY(1px) rotate(.04deg)}78%{transform:translate(-50%) translateY(3px) rotate(.1deg)}89%{transform:translate(-50%) translateY(0)}}@keyframes offset-wipe{0%{transform:translate(-112%);opacity:0}20%{opacity:1}48%,58%{transform:translate(0);opacity:1}to{transform:translate(112%);opacity:0}}@container (max-width:820px){.offset-feature-copy{max-width:58%;bottom:15%}.offset-feature-copy h1{font-size:clamp(20px,5vw,36px)}.offset-build-switch{left:3.2%;bottom:6%;transform:none}.offset-deck{bottom:5%;max-width:62%;flex-wrap:wrap;justify-content:flex-end}.offset-deck button{height:36px;min-width:42px}.offset-deck button span{display:none}.offset-car-rig{width:68vw;bottom:16%}.offset-drawer{width:min(420px,72%)}}@container (max-height:420px){.offset-wordmark span{display:none}.offset-feature-copy{bottom:9%}.offset-feature-copy p,.offset-build-switch{display:none}.offset-deck{bottom:4%}.offset-deck button{height:32px}.offset-channel{padding:8px}.offset-tune{top:43%}.offset-car-rig{bottom:5%;width:min(56vw,720px)}}@media(max-aspect-ratio:4/5){body{overflow:auto}.offset-app{height:auto;min-height:100vh;padding:0}.offset-stage{height:100vh;min-height:620px}.offset-pan{width:350%;background-size:auto 100%;animation-duration:13s}.offset-car-rig{width:92vw;left:52%;bottom:24%}.offset-feature-copy{bottom:16%;max-width:86%}.offset-feature-copy h1{font-size:33px}.offset-build-switch{bottom:7%;left:3.2%}.offset-deck{left:auto;right:3.2%;bottom:6.5%;max-width:47%}.offset-channel{display:none}.offset-tune{top:49%}.offset-drawer{width:88%}.hotspot-rear{left:26%;top:57%}.hotspot-center{left:51%;top:50%}.hotspot-front{left:70%;top:58%}}@media(prefers-reduced-motion:reduce){.offset-stage *{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.offset-pan{transform:none}.offset-speed{display:none}}html{background:#030406}