:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7fbfa;background:#020405;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#020405;width:100%;min-height:100%;margin:0;overflow:hidden}button,a{font:inherit}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo{isolation:isolate;background:radial-gradient(circle at 50% 48%,#0a383429,#0000 38%),#020405;width:100vw;height:100dvh;position:relative;overflow:hidden}.demo:not(.is-ready)>:not(.demo-loading){visibility:hidden}.demo-loading{z-index:20;background:#020405;place-items:center;display:grid;position:absolute;inset:0}.demo-loading>span:first-child{background:#fff;border-radius:50%;width:.42rem;height:.42rem;animation:1.15s ease-in-out infinite alternate loading-signal;box-shadow:0 0 .7rem #fff,0 0 2.2rem #35f7db,0 0 4rem #ff326f}@keyframes loading-signal{0%{opacity:.32;transform:scale(.65)}to{opacity:1;transform:scale(1)}}.demo:after{z-index:3;content:"";pointer-events:none;opacity:.32;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");position:absolute;inset:0}#demo-canvas{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.demo-nav{z-index:6;top:max(1.1rem, env(safe-area-inset-top));right:max(1.1rem, env(safe-area-inset-right));gap:.45rem;display:flex;position:absolute}.skip-link,.sound-button,.demo-action,.replay-button{color:#f7fbfa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0206076b;border:1px solid #ffffff3d;border-radius:999px;text-decoration:none;box-shadow:0 .75rem 2.5rem #00000040}.skip-link,.sound-button{letter-spacing:.1em;text-transform:uppercase;align-items:center;padding:.7rem .95rem;font-size:.68rem;font-weight:760;display:inline-flex}.sound-button{appearance:none;cursor:pointer}.skip-link:hover,.skip-link:focus-visible,.sound-button:hover,.sound-button:focus-visible,.demo-action:hover,.demo-action:focus-visible,.replay-button:hover,.replay-button:focus-visible{color:#020405;background:#f7fbfa;border-color:#fff;outline:none}.demo-title{z-index:5;left:50%;bottom:max(3rem, calc(env(safe-area-inset-bottom) + 2rem));text-align:center;opacity:0;visibility:hidden;width:min(50rem,100% - 3rem);transition:opacity 1.15s,transform 1.15s cubic-bezier(.16,1,.3,1),visibility 1.15s;position:absolute;transform:translate(-50%,1.5rem)}.demo-title.is-visible{opacity:1;visibility:visible;transform:translate(-50%)}.demo-kicker{color:#9bb0aa;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:clamp(.63rem,1.3vw,.75rem);font-weight:760}.demo-title h1{letter-spacing:-.095em;text-shadow:0 0 1.5rem #ffffff2e,0 0 5rem #29ffdc29;margin:.18em 0 0;font-size:clamp(5rem,20vw,12rem);line-height:.77}.demo-description{color:#d8e2df;margin:1.4rem auto 0;font-size:clamp(.92rem,2vw,1.08rem)}.demo-actions{justify-content:center;gap:.7rem;margin-top:1.6rem;display:flex}.demo-action,.replay-button{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;min-height:3rem;padding:.8rem 1.15rem;font-size:.76rem;font-weight:800;display:inline-flex}.demo-action{color:#020405;background:#f7fbfa;border-color:#ffffff9e}.replay-button{appearance:none}.demo-progress{z-index:5;transform-origin:0;background:linear-gradient(90deg,#24ffe0,#fff,#ff277d);height:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0);box-shadow:0 0 1rem #24ffe0b3}@media (width<=560px){.demo-title{bottom:max(2.2rem, calc(env(safe-area-inset-bottom) + 1.2rem))}.demo-actions{flex-direction:column;align-items:stretch}.demo-action,.replay-button{width:100%}.demo-description{max-width:19rem;line-height:1.5}}@media (prefers-reduced-motion:reduce){.sound-button{display:none}.demo-loading>span:first-child{animation:none}#demo-canvas,.demo-progress{display:none}.demo{background:radial-gradient(circle at 50% 40%,#1effdc24,#0000 20rem),radial-gradient(circle at 55% 52%,#ff277d14,#0000 30rem),#020405}.demo-title{opacity:1;visibility:visible;transition:none;transform:translate(-50%)}.replay-button{display:none}}.drift-lab{z-index:30;color:#effaf7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020809e0;border:1px solid #ffffff38;border-radius:1rem;width:min(21rem,100vw - 2rem);max-height:calc(100dvh - 2rem);padding:1rem;position:fixed;top:1rem;left:1rem;overflow:auto;box-shadow:0 1.5rem 5rem #00000073}.drift-lab button,.drift-lab input{font:inherit}.drift-lab button{color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff38;border-radius:.55rem;padding:.45rem .65rem}.drift-lab button:hover,.drift-lab button[aria-pressed=true]{background:#55ffe42e;border-color:#55ffe4}.drift-lab-heading,.drift-lab-heading>div,.drift-lab label,.drift-lab-controls,.drift-lab-telemetry{display:flex}.drift-lab-heading{justify-content:space-between;align-items:center;gap:1rem}.drift-lab-heading>div{flex-direction:column}.drift-lab-heading span{color:#8ca49e;letter-spacing:.12em;text-transform:uppercase;font-size:.62rem}.drift-lab-heading strong{font-size:1.15rem}.drift-lab label{flex-direction:column;gap:.35rem;font-size:.72rem}.drift-lab label>span{justify-content:space-between;gap:1rem;display:flex}.drift-lab input{accent-color:#55ffe4;width:100%}.drift-lab-time{margin-top:1rem}.drift-lab-cameras{grid-template-columns:1fr 1fr;gap:.4rem;margin:.8rem 0;display:grid}.drift-lab-profile{color:#9fb2ad;letter-spacing:.04em;border-block:1px solid #ffffff1f;margin:.8rem 0;padding-block:.7rem;font-size:.68rem}.drift-lab-controls{border-block:1px solid #ffffff1f;flex-direction:column;gap:.65rem;padding:.8rem 0}.drift-lab-legend{text-transform:uppercase;gap:.8rem;margin-top:.8rem;font-size:.65rem;display:flex}.drift-lab-legend span:before{content:"";vertical-align:middle;background:currentColor;width:.55rem;height:.15rem;margin-right:.3rem;display:inline-block}.drift-lab-legend .velocity{color:#55ffe4}.drift-lab-legend .chassis{color:#ff397b}.drift-lab-legend .wheels{color:#fff}.drift-lab-telemetry{color:#b9cbc6;margin:.65rem 0;font:.7rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.drift-lab-copy{width:100%}@media (width<=680px){.drift-lab{width:calc(100vw - 1.5rem);max-height:48dvh;top:auto;bottom:.75rem;left:.75rem}}