@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--drive-glow:#58e6ff}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.hidden{display:none}.resize{resize:both}}@property --drive-glow{syntax:"<color>";inherits:true;initial-value:#58e6ff}:root{color-scheme:dark;--void:#02030a;--hull:#0a0f1c;--hull-glass:#0d1424;--bezel:#1b2740;--bezel-lit:#2c4a6e;--amber:#ffb347;--amber-dim:#c8893a;--readout:#ffd9a0;--label:#6f86a8;--plasma:#58e6ff;--drive-glow:#58e6ff;--font-mono:ui-monospace, "Cascadia Code", "JetBrains Mono", "Fira Code", "SFMono-Regular", monospace}body[data-mind=warp]{--drive-glow:#7affd8}body[data-mind=jump]{--drive-glow:#ff8a4c}body{background:var(--void);min-block-size:100dvh;color:var(--readout);font-family:var(--font-mono);margin:0;transition:--drive-glow .8s;overflow:hidden}.scene{block-size:100dvh;inline-size:100vw;position:relative}#field{background:radial-gradient(120% 90% at 50% 50%,transparent 58%,var(--void) 100%),var(--void);block-size:100%;inline-size:100%;display:block;position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){#field{background:radial-gradient(120% 90% at 50% 50%,transparent 58%,color-mix(in oklab,var(--void) 92%,black) 100%),var(--void)}}#field{touch-action:none}.scene:before,.scene:after{content:"";pointer-events:none;z-index:1;position:fixed;inset:0}.scene:before{background:repeating-linear-gradient(to bottom,transparent 0 2px,var(--plasma) 2px 3px),radial-gradient(130% 100% at 50% 0%,transparent 60%,var(--void) 100%)}@supports (color:color-mix(in lab,red,red)){.scene:before{background:repeating-linear-gradient(to bottom,transparent 0 2px,color-mix(in oklab,var(--plasma) 4%,transparent) 2px 3px),radial-gradient(130% 100% at 50% 0%,transparent 60%,color-mix(in oklab,var(--void) 88%,black) 100%)}}.scene:before{mix-blend-mode:screen;opacity:.5}.scene:after{--b:1px;--len:clamp(1.6rem, 5vw, 3rem);--inset:clamp(.7rem, 2.4vw, 1.4rem);border:0 solid var(--amber)}@supports (color:color-mix(in lab,red,red)){.scene:after{border:0 solid color-mix(in oklab,var(--amber) 55%,transparent)}}.scene:after{background:linear-gradient(var(--amber),var(--amber)) var(--inset) var(--inset) / var(--len) var(--b) no-repeat,linear-gradient(var(--amber),var(--amber)) var(--inset) var(--inset) / var(--b) var(--len) no-repeat,linear-gradient(var(--amber),var(--amber)) calc(100% - var(--inset)) var(--inset) / var(--len) var(--b) no-repeat,linear-gradient(var(--amber),var(--amber)) calc(100% - var(--inset)) var(--inset) / var(--b) var(--len) no-repeat,linear-gradient(var(--amber),var(--amber)) var(--inset) calc(100% - var(--inset)) / var(--len) var(--b) no-repeat,linear-gradient(var(--amber),var(--amber)) var(--inset) calc(100% - var(--inset)) / var(--b) var(--len) no-repeat,linear-gradient(var(--amber),var(--amber)) calc(100% - var(--inset)) calc(100% - var(--inset)) / var(--len) var(--b) no-repeat,linear-gradient(var(--amber),var(--amber)) calc(100% - var(--inset)) calc(100% - var(--inset)) / var(--b) var(--len) no-repeat;opacity:.55;filter:drop-shadow(0 0 4px var(--amber));border-image:}@supports (color:color-mix(in lab,red,red)){.scene:after{filter:drop-shadow(0 0 4px color-mix(in oklab,var(--amber) 50%,transparent))}}.intro{z-index:2;text-align:center;pointer-events:none;background:radial-gradient(circle at 50% 44%,var(--void),var(--void) 76%);place-content:center;gap:.85rem;padding-inline:1rem;display:grid;position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.intro{background:radial-gradient(circle at 50% 44%,color-mix(in oklab,var(--void) 28%,transparent),color-mix(in oklab,var(--void) 82%,transparent) 76%)}}.intro{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .4s}.intro[hidden]{display:none}.intro h1{letter-spacing:.42em;text-transform:uppercase;color:var(--amber);text-shadow:0 0 14px var(--amber);margin:0;font-size:clamp(1.05rem,4.4vw,1.7rem);font-weight:400}@supports (color:color-mix(in lab,red,red)){.intro h1{text-shadow:0 0 14px color-mix(in oklab,var(--amber) 55%,transparent)}}.intro p{letter-spacing:.08em;color:var(--label);text-transform:uppercase;margin:0;font-size:.78rem}.intro .intro__hint{color:var(--readout);border:1px solid var(--plasma);inline-size:max-content;margin-block-start:.75rem;margin-inline:auto;padding:.4rem .95rem}@supports (color:color-mix(in lab,red,red)){.intro .intro__hint{border:1px solid color-mix(in oklab,var(--plasma) 60%,transparent)}}.intro .intro__hint{background:var(--plasma);border-radius:999px}@supports (color:color-mix(in lab,red,red)){.intro .intro__hint{background:color-mix(in oklab,var(--plasma) 10%,transparent)}}.intro .intro__hint{color:var(--plasma);text-shadow:0 0 10px var(--plasma)}@supports (color:color-mix(in lab,red,red)){.intro .intro__hint{text-shadow:0 0 10px color-mix(in oklab,var(--plasma) 45%,transparent)}}.intro .intro__hint{animation:2.4s ease-in-out infinite pulse-prompt}@keyframes pulse-prompt{0%,to{opacity:.75;box-shadow:0 0 color-mix(in oklab,var(--plasma) 45%,transparent)}50%{opacity:1;box-shadow:0 0 18px 1px color-mix(in oklab,var(--plasma) 40%,transparent)}}.controls{z-index:3;background:linear-gradient(180deg,var(--hull-glass),var(--hull)),repeating-linear-gradient(115deg,transparent 0 7px,var(--bezel) 7px 8px);inline-size:min(94vw,44rem);flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:.7rem 1.1rem;margin-inline:auto;padding:.85rem 1.05rem .95rem;display:flex;position:absolute;inset-block-end:max(1.1rem,env(safe-area-inset-bottom));inset-inline:0}@supports (color:color-mix(in lab,red,red)){.controls{background:linear-gradient(180deg,color-mix(in oklab,var(--hull-glass) 90%,transparent),color-mix(in oklab,var(--hull) 94%,transparent)),repeating-linear-gradient(115deg,transparent 0 7px,color-mix(in oklab,var(--bezel) 22%,transparent) 7px 8px)}}.controls{border:1px solid var(--bezel);border-top-color:var(--bezel-lit);box-shadow:0 0 0 1px var(--void) inset,0 -1px 0 var(--amber) inset,0 14px 40px -12px var(--void);border-radius:.8rem}@supports (color:color-mix(in lab,red,red)){.controls{box-shadow:0 0 0 1px color-mix(in oklab,var(--void) 60%,black) inset,0 -1px color-mix(in oklab,var(--amber) 12%,transparent) inset,0 14px 40px -12px color-mix(in oklab,var(--void) 90%,black)}}.controls{-webkit-backdrop-filter:blur(9px)saturate(1.1);backdrop-filter:blur(9px)saturate(1.1)}.controls:before{content:"JUMP DRIVE";letter-spacing:.34em;color:var(--amber-dim);background:var(--hull);border:1px solid var(--bezel);text-transform:uppercase;border-radius:999px;padding-inline:.5rem;font-size:.56rem;position:absolute;inset-block-start:-.62rem;inset-inline-start:1.1rem}.controls__warp{flex:15rem;align-items:center;gap:.7rem;display:flex}.controls__label{letter-spacing:.24em;text-transform:uppercase;color:var(--label);font-size:.62rem}.controls__slider{appearance:none;background:linear-gradient(90deg,var(--drive-glow),var(--amber) 55%,var(--bezel));flex:auto;block-size:.5rem;inline-size:100%}@supports (color:color-mix(in lab,red,red)){.controls__slider{background:linear-gradient(90deg,color-mix(in oklab,var(--drive-glow) 85%,transparent),color-mix(in oklab,var(--amber) 50%,var(--bezel)) 55%,var(--bezel))}}.controls__slider{border:1px solid var(--void);border-radius:999px}@supports (color:color-mix(in lab,red,red)){.controls__slider{border:1px solid color-mix(in oklab,var(--void) 70%,black)}}.controls__slider{box-shadow:0 0 10px -2px var(--drive-glow)}@supports (color:color-mix(in lab,red,red)){.controls__slider{box-shadow:0 0 10px -2px color-mix(in oklab,var(--drive-glow) 50%,transparent)}}.controls__slider{cursor:pointer}.controls__slider::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 35% 30%,var(--readout),var(--drive-glow) 70%);border:2px solid var(--void);border-radius:50%;block-size:1.15rem;inline-size:1.15rem}@supports (color:color-mix(in lab,red,red)){.controls__slider::-webkit-slider-thumb{border:2px solid color-mix(in oklab,var(--void) 60%,var(--drive-glow))}}.controls__slider::-webkit-slider-thumb{box-shadow:0 0 14px var(--drive-glow),0 0 0 4px var(--drive-glow)}@supports (color:color-mix(in lab,red,red)){.controls__slider::-webkit-slider-thumb{box-shadow:0 0 14px color-mix(in oklab,var(--drive-glow) 75%,transparent),0 0 0 4px color-mix(in oklab,var(--drive-glow) 14%,transparent)}}.controls__slider::-moz-range-thumb{border:2px solid var(--void);block-size:1.15rem;inline-size:1.15rem}@supports (color:color-mix(in lab,red,red)){.controls__slider::-moz-range-thumb{border:2px solid color-mix(in oklab,var(--void) 60%,var(--drive-glow))}}.controls__slider::-moz-range-thumb{background:radial-gradient(circle at 35% 30%,var(--readout),var(--drive-glow) 70%);box-shadow:0 0 14px var(--drive-glow);border-radius:50%}@supports (color:color-mix(in lab,red,red)){.controls__slider::-moz-range-thumb{box-shadow:0 0 14px color-mix(in oklab,var(--drive-glow) 75%,transparent)}}.controls__slider:focus-visible{outline:2px solid var(--drive-glow);outline-offset:5px}.controls__value{font-variant-numeric:tabular-nums;letter-spacing:.04em;min-inline-size:4ch;color:var(--amber);text-shadow:0 0 8px var(--amber);font-size:.92rem;font-weight:600}@supports (color:color-mix(in lab,red,red)){.controls__value{text-shadow:0 0 8px color-mix(in oklab,var(--amber) 45%,transparent)}}.controls__readout{letter-spacing:.18em;text-transform:uppercase;color:var(--label);align-items:center;gap:.65rem;margin:0;font-size:.6rem;display:flex}.controls__readout strong{color:var(--amber);font-variant-numeric:tabular-nums;letter-spacing:.02em;background:var(--void);margin-inline-start:.4rem;padding:.1rem .45rem;font-size:.82rem;font-weight:600;display:inline-block}@supports (color:color-mix(in lab,red,red)){.controls__readout strong{background:color-mix(in oklab,var(--void) 75%,black)}}.controls__readout strong{border:1px solid var(--amber)}@supports (color:color-mix(in lab,red,red)){.controls__readout strong{border:1px solid color-mix(in oklab,var(--amber) 28%,var(--bezel))}}.controls__readout strong{text-shadow:0 0 7px var(--amber);border-radius:.3rem}@supports (color:color-mix(in lab,red,red)){.controls__readout strong{text-shadow:0 0 7px color-mix(in oklab,var(--amber) 40%,transparent)}}.controls__metric{white-space:nowrap;align-items:center;display:inline-flex}.controls__btn{font:inherit;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border:1px solid var(--plasma);border-radius:.5rem;align-self:center;padding:.6rem 1.05rem;font-size:.62rem}@supports (color:color-mix(in lab,red,red)){.controls__btn{border:1px solid color-mix(in oklab,var(--plasma) 45%,var(--bezel))}}.controls__btn{background:linear-gradient(180deg,var(--plasma),var(--hull))}@supports (color:color-mix(in lab,red,red)){.controls__btn{background:linear-gradient(180deg,color-mix(in oklab,var(--plasma) 16%,var(--hull-glass)),color-mix(in oklab,var(--hull) 92%,transparent))}}.controls__btn{color:var(--plasma);box-shadow:0 0 0 1px var(--void) inset,0 0 12px -4px var(--plasma)}@supports (color:color-mix(in lab,red,red)){.controls__btn{box-shadow:0 0 0 1px color-mix(in oklab,var(--void) 50%,black) inset,0 0 12px -4px color-mix(in oklab,var(--plasma) 60%,transparent)}}.controls__btn{transition:background .15s,box-shadow .15s,color .15s}.controls__btn:hover{background:linear-gradient(180deg,var(--plasma),var(--hull))}@supports (color:color-mix(in lab,red,red)){.controls__btn:hover{background:linear-gradient(180deg,color-mix(in oklab,var(--plasma) 28%,var(--hull-glass)),color-mix(in oklab,var(--hull) 88%,transparent))}}.controls__btn:hover{box-shadow:0 0 0 1px var(--void) inset,0 0 18px -2px var(--plasma)}@supports (color:color-mix(in lab,red,red)){.controls__btn:hover{box-shadow:0 0 0 1px color-mix(in oklab,var(--void) 50%,black) inset,0 0 18px -2px color-mix(in oklab,var(--plasma) 70%,transparent)}}.controls__btn:hover{color:var(--readout)}.controls__btn[aria-pressed=true]{background:var(--plasma)}@supports (color:color-mix(in lab,red,red)){.controls__btn[aria-pressed=true]{background:color-mix(in oklab,var(--plasma) 32%,var(--hull))}}.controls__btn[aria-pressed=true]{color:var(--void);box-shadow:0 0 16px -1px var(--plasma)}@supports (color:color-mix(in lab,red,red)){.controls__btn[aria-pressed=true]{box-shadow:0 0 16px -1px color-mix(in oklab,var(--plasma) 70%,transparent)}}.controls__btn:focus-visible{outline:2px solid var(--plasma);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}