:root{--flight-ink: #090a22;--flight-violet: #7135c8;--flight-pink: #ff3f9f;--flight-cyan: #66fff0;--flight-white: #effcff;--flight-sunset: #ffb56b}body:has(#nightflight){margin:0;min-width:320px;background:var(--flight-ink);color:var(--flight-white);font-family:Trebuchet MS,Arial,sans-serif;color-scheme:dark}#nightflight{min-block-size:100svh;background:radial-gradient(circle at 75% 18%,#24134f 0,transparent 36rem),var(--flight-ink);color:var(--flight-white);color-scheme:dark}#nightflight *,#nightflight *:before,#nightflight *:after{box-sizing:border-box}#nightflight button,#nightflight a{font-family:inherit;-webkit-tap-highlight-color:transparent}.flight-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-block-size:3.75rem;padding:.7rem clamp(1rem,4vw,3rem);border-block-end:1px solid color-mix(in srgb,var(--flight-cyan) 28%,transparent)}.flight-brand,.flight-control{color:var(--flight-white);text-decoration:none}.flight-brand{letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800}.flight-brand span{color:var(--flight-cyan)}.flight-controls{display:flex;gap:.45rem}.flight-control{border:1px solid color-mix(in srgb,var(--flight-cyan) 52%,transparent);background:transparent;color:var(--flight-cyan);padding:.42rem .65rem;cursor:pointer}.flight-control:hover{border-color:var(--flight-pink);color:var(--flight-white)}#flight-pause:disabled{border-color:color-mix(in srgb,var(--flight-cyan) 52%,transparent);color:var(--flight-cyan);cursor:default;opacity:.45}#flight-pause:disabled:hover{border-color:color-mix(in srgb,var(--flight-cyan) 52%,transparent);color:var(--flight-cyan)}.flight-wrap{inline-size:min(100% - 2rem,1000px,calc((100svh - 185px) * 5 / 3));margin-inline:auto;padding-block:clamp(1rem,3vw,2rem)}.flight-stage-heading{display:flex;justify-content:space-between;gap:1rem;margin-block-end:.45rem;color:var(--flight-cyan);font:700 .7rem/1.2 monospace;letter-spacing:.08em;text-transform:uppercase}.flight-stat{display:flex;gap:.45rem}.flight-stat strong{color:var(--flight-white)}.flight-canvas-wrap{position:relative;aspect-ratio:5 / 3;inline-size:100%;overflow:hidden;border:1px solid var(--flight-violet);background:#0d0b2b;box-shadow:0 0 0 1px color-mix(in srgb,var(--flight-pink) 18%,transparent),0 1.2rem 3rem #0008}#flight-canvas{display:block;inline-size:100%;block-size:100%;outline:none}#flight-canvas:focus-visible{box-shadow:inset 0 0 0 3px var(--flight-cyan)}.flight-ready,.flight-over,.flight-pause-panel{position:absolute;inset:0;display:grid;align-items:center;padding:clamp(1.25rem,5vw,4rem);background:linear-gradient(90deg,#090a22f2 0 47%,#090a2270 75%,transparent)}.flight-ready{background:linear-gradient(90deg,#090a22f2 0 40%,#090a2233 55%,transparent 67%)}.flight-ready-content{max-inline-size:48%}.flight-eyebrow{margin:0 0 .65rem;color:var(--flight-cyan);font:700 .72rem/1.2 monospace;letter-spacing:.15em}.flight-ready h1{margin:0;font:italic 900 clamp(3rem,8vw,6.2rem) / .84 Impact,"Arial Black",sans-serif;letter-spacing:-.04em;text-transform:uppercase;text-shadow:3px 3px 0 var(--flight-pink)}.flight-subtitle{margin:.9rem 0 0;color:var(--flight-sunset);font-size:clamp(1rem,2vw,1.3rem);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.flight-copy{max-inline-size:22rem;margin:.75rem 0 1.25rem;color:var(--flight-white);line-height:1.45}.flight-start,.flight-retry,.flight-resume{border:0;cursor:pointer;font-weight:900}.flight-start{padding:.75rem 1.1rem;background:var(--flight-cyan);color:var(--flight-ink);clip-path:polygon(.5rem 0,100% 0,calc(100% - .5rem) 100%,0 100%)}.flight-start:focus-visible{clip-path:none;outline:3px solid var(--flight-sunset);outline-offset:4px;box-shadow:inset 0 0 0 3px var(--flight-ink)}.flight-help{margin:.7rem 0 0;color:#c5d8e6;font:.73rem monospace}.flight-over{place-items:center;justify-items:center;background:#090a22c9;text-align:center}.flight-over-content{padding:1.4rem 2rem;border-inline-start:3px solid var(--flight-pink);background:#090a22f5}.flight-over h2,.flight-pause-panel h2{margin:0 0 .75rem;font:italic 900 2.3rem/1 Impact,Arial Black,sans-serif;text-transform:uppercase}.flight-scoreline{display:flex;gap:1.5rem;justify-content:center;margin-block-end:1rem;font:700 .76rem monospace;text-transform:uppercase}.flight-scoreline strong{display:block;color:var(--flight-cyan);font-size:1.3rem}.flight-retry,.flight-resume{padding:.65rem 1rem;background:var(--flight-pink);color:var(--flight-ink)}.flight-pause-panel{place-items:center;justify-items:center;background:#090a22e8;text-align:center}.flight-pause-content{padding:1.5rem 2rem;border-block-start:2px solid var(--flight-cyan);background:var(--flight-ink)}.flight-pause-content p{margin-block:0 1rem}.flight-footer{display:flex;justify-content:space-between;gap:1rem;padding-block-start:.65rem;color:#aec1d0;font:.72rem monospace}.flight-footer kbd{color:var(--flight-cyan)}#flight-status{min-block-size:1.2em;color:var(--flight-sunset);font:.78rem monospace}#flight-error{padding:1rem;color:var(--flight-white);background:#351133;border-inline-start:3px solid var(--flight-pink)}#flight-error a{color:var(--flight-cyan)}[hidden]{display:none!important}#nightflight :is(a,button):focus-visible{outline:3px solid var(--flight-sunset);outline-offset:3px}@media(max-width:38rem){.flight-wrap{inline-size:min(100% - 1rem,1000px)}.flight-ready{padding:1rem;background:linear-gradient(90deg,#090a22f2 0 60%,#090a2233 78%,transparent 90%)}.flight-ready-content{max-inline-size:78%}.flight-ready h1{font-size:clamp(2.8rem,16vw,4.4rem)}.flight-footer{flex-direction:column;gap:.25rem}}