@property --sweep{syntax:"<percentage>";inherits:false;initial-value:160%}:root{--void:#00001c;--void-2:#04042c;--ink:#edf5ff;--ink-soft:#c6d2ea;--ink-dim:#8d9cc0;--caption:#80b8e0;--info:#73f2ff;--good:#59ff8c;--bad:#ff5280;--special:#ffc74d;--btn:#8cb8ff;--halo:#db4dff;--ship:#59ffff;--lives:#8cebff;--bombs:#ffc759;--badge:#ff3bd2;--gutter:clamp(16px, 4.2vw, 56px);--maxw:1240px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1);color-scheme:dark;background:var(--void);color:var(--ink);font-family:var(--font-body), system-ui, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:17px;line-height:1.55}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--void);min-height:100vh;margin:0;overflow-x:clip}img,svg{max-width:100%;display:block}a{color:inherit}::selection{background:color-mix(in oklab, var(--halo) 55%, transparent);color:#fff}:focus-visible{outline:2px solid var(--info);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.wrap{width:min(100% - var(--gutter) * 2, var(--maxw));margin-inline:auto}.display,h1,h2,h3{font-family:var(--font-display), system-ui, sans-serif;text-transform:uppercase;letter-spacing:0;margin:0;font-weight:400;line-height:.95}h2{font-size:clamp(38px,5.2vw,72px)}h3{font-size:clamp(20px,1.8vw,26px);line-height:1.05}p{text-wrap:pretty;margin:0}.lede{color:var(--ink-soft);max-width:46ch;font-size:clamp(17px,1.35vw,20px)}.lede,.section p,.caption{text-shadow:0 0 3px #00001ce6,0 0 14px #00001cd9}.caption{font-family:var(--font-display), system-ui, sans-serif;text-transform:uppercase;color:var(--caption);font-size:14px;line-height:1.2}.neon{--halo-c:var(--halo);color:#fff;text-shadow:0 0 .02em #fff, 0 0 .07em color-mix(in oklab, var(--halo-c) 95%, white), 0 0 .16em color-mix(in oklab, var(--halo-c) 70%, transparent), 0 0 .34em color-mix(in oklab, var(--halo-c) 42%, transparent);filter:drop-shadow(0 0 .28em color-mix(in oklab, var(--halo-c) 30%, transparent));animation:6.25s ease-in-out infinite breathe}@keyframes breathe{0%,to{filter:drop-shadow(0 0 .24em color-mix(in oklab, var(--halo-c) 24%, transparent))}50%{filter:drop-shadow(0 0 .42em color-mix(in oklab, var(--halo-c) 44%, transparent))}}.neon .word{white-space:nowrap;display:inline-block}.neon .ch{animation:1.1s step-end both tube;animation-delay:var(--d,0s);display:inline-block}@keyframes tube{0%{opacity:0}12%{opacity:1}18%{opacity:.15}26%{opacity:1}34%{opacity:.4}42%,to{opacity:1}}@supports (dynamic-range-limit:no-limit){@media (dynamic-range:high){.neon--hdr .ch{position:relative}.neon--hdr .ch:after{content:attr(data-ch) / "";color:#0000;text-shadow:none;background:var(--hdr-white,url(/hdr/white-4x.avif)) 0 0 / 100% 100% no-repeat;dynamic-range-limit:no-limit;opacity:var(--hdr-floor,0);-webkit-background-clip:text;background-clip:text;padding:.3em;position:absolute;inset:-.3em}.neon--hdr.is-surging .ch:after{animation:surge var(--surge-t,1.4s) both}}}@keyframes surge{0%{opacity:var(--hdr-floor,0);animation-timing-function:step-end}3%{opacity:var(--surge-peak,1);animation-timing-function:step-end}6%{opacity:calc(var(--surge-peak,1) * .15);animation-timing-function:step-end}9%{opacity:var(--surge-peak,1);animation-timing-function:linear}75%{opacity:var(--surge-peak,1);animation-timing-function:cubic-bezier(.3,0,.2,1)}to{opacity:var(--hdr-floor,0)}}.plate{--accent:var(--btn);--c:14px;--cs:calc(var(--c) * .3);--rim:1.5px;--hot:0;isolation:isolate;color:var(--ink);font:inherit;font-family:var(--font-display), system-ui, sans-serif;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 0 1px color-mix(in oklab, var(--accent) calc(40% + var(--hot) * 40%), transparent)) drop-shadow(0 0 calc(10px + var(--hot) * 14px) color-mix(in oklab, var(--accent) calc(12% + var(--hot) * 30%), transparent));transition:filter .3s var(--ease-out), transform .35s var(--ease-out), color .3s;background:0 0;border:0;justify-content:center;align-items:center;gap:.6em;padding:.9em 1.7em;font-size:17px;line-height:1;text-decoration:none;display:inline-flex;position:relative}.plate:before,.plate:after{content:"";z-index:-1;pointer-events:none;position:absolute}.plate:before{clip-path:polygon(var(--c) 0, calc(100% - var(--cs)) 0, 100% var(--cs), 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--cs) 100%, 0 calc(100% - var(--cs)), 0 var(--c));background:color-mix(in oklab, var(--accent) calc(48% + var(--hot) * 52%), var(--void));transition:background .3s;inset:0}.plate:after{--g:calc(var(--c) + 3.5px);inset:var(--rim);clip-path:polygon(var(--g) 0, calc(100% - var(--cs)) 0, 100% var(--cs), 100% calc(100% - var(--g)), calc(100% - var(--g)) 100%, var(--cs) 100%, 0 calc(100% - var(--cs)), 0 var(--g));background:linear-gradient(100deg, transparent 38%, color-mix(in oklab, var(--accent) 45%, white) 50%, transparent 62%) var(--sweep) 0 / 260% 100% no-repeat, linear-gradient(180deg, color-mix(in oklab, var(--accent) calc(26% + var(--hot) * 20%), transparent) 0, transparent 6px), repeating-linear-gradient(45deg, color-mix(in oklab, var(--accent) 5%, transparent) 0 1px, transparent 1px 6px), linear-gradient(180deg, color-mix(in oklab, var(--accent) calc(16% + var(--hot) * 12%), #05051a) 0%, #020210 100%);opacity:.94}.plate:hover,.plate:focus-visible{--hot:1;color:#fff;transform:scale(1.04)}.plate:hover:after,.plate:focus-visible:after{animation:sweep .75s var(--ease-out) 1}.plate:active{transition-duration:80ms;transform:scale(.985)}.plate:focus-visible{outline:none}.plate.is-dare{animation:dare .9s var(--ease-out) 3}.plate.is-dare:after{animation:sweep .9s var(--ease-out) 3}@keyframes dare{40%{filter:drop-shadow(0 0 2px var(--accent)) drop-shadow(0 0 28px color-mix(in oklab, var(--accent) 65%, transparent));transform:scale(1.06)}}@keyframes sweep{0%{--sweep:160%}to{--sweep:-60%}}.plate--primary{--accent:var(--info);padding:1em 2em;font-size:19px}.plate--lg{--c:22px;font-size:20px}.plate .arrow{transition:transform .3s var(--ease-out)}.plate:hover .arrow{transform:translate(4px)}.panel{--c:18px;--cs:calc(var(--c) * .3);--rim:2px;--guard:5px;--swell:.04;--hot:0;isolation:isolate;scale:calc(1 + var(--hot) * var(--swell));filter:drop-shadow(0 0 1px color-mix(in oklab, var(--accent) calc(35% + var(--hot) * 50%), transparent)) drop-shadow(0 0 calc(8px + var(--hot) * 26px) color-mix(in oklab, var(--accent) calc(8% + var(--hot) * 38%), transparent));transition:scale .4s var(--ease-out), filter .35s var(--ease-out);position:relative}.panel:before,.panel:after{content:"";z-index:-1;pointer-events:none;position:absolute}.panel:before{clip-path:polygon(var(--c) 0, calc(100% - var(--cs)) 0, 100% var(--cs), 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--cs) 100%, 0 calc(100% - var(--cs)), 0 var(--c));background:color-mix(in oklab, var(--accent) calc(42% + var(--hot) * 58%), var(--void));transition:background .3s;inset:0}.panel:after{--g:calc(var(--c) + var(--guard));inset:var(--rim);clip-path:polygon(var(--g) 0, calc(100% - var(--cs)) 0, 100% var(--cs), 100% calc(100% - var(--g)), calc(100% - var(--g)) 100%, var(--cs) 100%, 0 calc(100% - var(--cs)), 0 var(--g));background:linear-gradient(100deg, transparent 38%, color-mix(in oklab, var(--accent) 45%, white) 50%, transparent 62%) var(--sweep) 0 / 260% 100% no-repeat, linear-gradient(180deg, color-mix(in oklab, var(--accent) calc(30% + var(--hot) * 25%), transparent) 0, transparent 8px), repeating-linear-gradient(45deg, color-mix(in oklab, var(--accent) 5%, transparent) 0 1px, transparent 1px 7px), linear-gradient(180deg, color-mix(in oklab, var(--accent) calc(14% + var(--hot) * 16%), #080820) 0%, #03030f 78%)}.panel:hover,.panel:focus-visible,.panel.is-on{--hot:1}.panel:hover:after,.panel:focus-visible:after{animation:sweep .8s var(--ease-out) 1}.panel:focus-visible{outline:none}.lcd{font-family:var(--font-lcd), ui-monospace, monospace;color:var(--info);font-variant-numeric:tabular-nums;text-shadow:0 0 .25em color-mix(in oklab, currentColor 55%, transparent);white-space:pre;line-height:1;display:inline-block;position:relative}.lcd__ghost{opacity:.07;text-shadow:none;position:absolute;inset:0}.lcd__cells>span{text-align:right;width:1ch;display:inline-block}.lcd__zero{opacity:.22}.lcd__one{margin-left:-.6ch}@keyframes pulse{50%{opacity:.35}}.section{padding-block:clamp(96px,14vh,180px);position:relative}.section__head{gap:18px;margin-bottom:clamp(36px,5vw,64px);display:grid}.eyebrow{font-family:var(--font-display), system-ui, sans-serif;text-transform:uppercase;color:var(--info);align-items:center;gap:12px;font-size:14px;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:28px;height:2px;box-shadow:0 0 8px}html.has-reticle,html.has-reticle *{cursor:none!important}html.has-reticle :is(input:not([type=checkbox],[type=radio],[type=button],[type=submit],[type=reset]),textarea){cursor:text!important}.reticle{--rc:var(--info);z-index:100;pointer-events:none;opacity:0;transition:opacity .15s;position:fixed;top:0;left:0}.reticle.is-on{opacity:1}.reticle>*{will-change:translate;position:absolute;top:0;left:0}.reticle__dot{width:7px;height:7px;box-shadow:0 0 0 1.5px var(--ship), 0 0 12px 2px color-mix(in oklab, var(--ship) 80%, transparent);transition:scale .25s var(--ease-back);background:#fff;border-radius:50%;margin:-3.5px 0 0 -3.5px}.reticle.is-down .reticle__dot{scale:.6}.reticle__b{--arm:10px;--line:2px;width:var(--arm);height:var(--arm);border:0 solid var(--rc);opacity:.75;filter:drop-shadow(0 0 4px var(--rc));transition:border-color .2s,filter .2s,opacity .2s}.reticle__b--tl{border-width:var(--line) 0 0 var(--line)}.reticle__b--tr{margin-left:calc(-1 * var(--arm));border-width:var(--line) var(--line) 0 0}.reticle__b--bl{margin-top:calc(-1 * var(--arm));border-width:0 0 var(--line) var(--line)}.reticle__b--br{margin:calc(-1 * var(--arm)) 0 0 calc(-1 * var(--arm));border-width:0 var(--line) var(--line) 0}.reticle.is-locked .reticle__b{--arm:14px;opacity:1;filter:drop-shadow(0 0 6px var(--rc))}.reticle.is-down .reticle__b{border-color:#fff;transition-duration:50ms}.reticle__ping{border:2px solid var(--rc);width:68px;height:68px;box-shadow:0 0 10px color-mix(in oklab, var(--rc) 70%, transparent), inset 0 0 8px color-mix(in oklab, var(--rc) 50%, transparent);opacity:0;border-radius:50%;margin:-34px 0 0 -34px}.reveal{opacity:0;transition:opacity .9s var(--ease-out), transform 1.1s var(--ease-out);transition-delay:var(--delay,0s);transform:translateY(26px)}.reveal.is-in{opacity:1;transform:none}@media (scripting:none){.reveal{opacity:1;transition:none;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.neon,.neon .ch,.plate:hover:after,.plate:focus-visible:after,.panel:hover:after,.panel:focus-visible:after{animation:none}.panel{scale:none}.plate:hover,.plate:focus-visible,.plate:active{transform:none}.plate.is-dare,.plate.is-dare:after{animation:none}.reticle,.reticle>*{transition:none}}
