@layer reset,base,components,states;@layer reset{html,body,main,canvas,section,div,p,h1,h2,button,footer,ul,dl,dd{box-sizing:border-box;margin:0;padding:0}button{font:inherit}}@layer base{:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e8f5ff;background:#02050d;font-synthesis:none;--cyan: #7ee8ff;--muted: #8ba2b8;--line: rgb(126 232 255 / 32%)}html,body,#app{inline-size:100%;block-size:100%;overflow:hidden}body{min-block-size:100dvb}canvas{display:block;inline-size:100%;block-size:100%;cursor:crosshair}[hidden]{display:none!important}button{min-block-size:3rem;padding:.8rem 1.7rem;border:1px solid var(--line);border-radius:999px;color:#eaffff;background:#081e30b8;box-shadow:inset 0 0 1rem #4ad1ff14,0 0 1.6rem #37c6ff14;letter-spacing:.14em;cursor:pointer;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}button:hover{transform:translateY(-2px);border-color:#7ee8ffb8;background:#0d2f49d9}button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}kbd{padding:.18em .45em;border:1px solid rgb(170 223 241 / 25%);border-radius:.25rem;color:#cbefff;background:#081625b3;font:inherit}}@layer components{.overlay{position:fixed;inset:0;z-index:3;display:grid;place-content:center;padding:2rem;text-align:center;background:radial-gradient(circle at 50% 42%,#0a223a61,#02050ddb 72%)}.loading{letter-spacing:.08em;background:radial-gradient(circle at 50% 45%,#0a1c35,#030711 58%)}.intro{place-content:end center;padding-block-end:clamp(3rem,9dvb,7rem);background:linear-gradient(to top,rgb(2 5 13 / 88%),transparent 62%)}.intro-copy{display:grid;justify-items:center;gap:1.2rem}.eyebrow{color:var(--cyan);font-size:clamp(.72rem,.66rem + .22vi,.88rem);font-weight:650;letter-spacing:.34em}h1{font-size:clamp(2.5rem,1.3rem + 4.6vi,6.2rem);font-weight:300;line-height:.98;letter-spacing:-.055em;text-wrap:balance;text-shadow:0 0 3rem rgb(73 204 255 / 22%)}.game-title{color:var(--cyan);font-size:clamp(1rem,.8rem + .8vi,1.5rem);font-weight:650;letter-spacing:.38em}h2{margin-block:.45rem 1rem;font-size:clamp(2rem,1.5rem + 2vi,4rem);font-weight:300;letter-spacing:-.04em}.loading-copy{display:grid;justify-items:center;gap:1rem}.loading-bar{inline-size:min(14rem,60vi);block-size:1px;background:#7ee8ff29}.loading-bar i{display:block;inline-size:calc(var(--loaded, 0) * 100%);block-size:100%;background:var(--cyan);box-shadow:0 0 .8rem var(--cyan);transition:inline-size .2s ease}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem .9rem;max-inline-size:38rem;padding:0;margin:0;list-style:none;color:#a9bed0;font-size:.64rem;letter-spacing:.14em}.legend li{display:flex;align-items:center;gap:.4rem}.legend b{display:grid;place-items:center;inline-size:1.6rem;block-size:1.6rem;border:1px solid var(--item-color);border-radius:.3rem;color:var(--item-color);background:color-mix(in srgb,var(--item-color) 16%,rgb(2 5 13 / 80%));box-shadow:0 0 .8rem color-mix(in srgb,var(--item-color) 55%,transparent)}.legend svg{inline-size:1.1rem;block-size:1.1rem;fill:currentColor;filter:drop-shadow(0 0 .25rem var(--item-color))}.intro-note{color:var(--muted);font-size:.66rem;letter-spacing:.1em}.threat-markers{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}.threat-marker{--size: 40px;position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:var(--size);block-size:var(--size);border:2px solid #ff4632;border-radius:3px;filter:drop-shadow(0 0 .3rem rgb(255 60 40 / 85%));-webkit-mask:linear-gradient(#000 0 0) 0 0 / 30% 30% no-repeat,linear-gradient(#000 0 0) 100% 0 / 30% 30% no-repeat,linear-gradient(#000 0 0) 0 100% / 30% 30% no-repeat,linear-gradient(#000 0 0) 100% 100% / 30% 30% no-repeat;mask:linear-gradient(#000 0 0) 0 0 / 30% 30% no-repeat,linear-gradient(#000 0 0) 100% 0 / 30% 30% no-repeat,linear-gradient(#000 0 0) 0 100% / 30% 30% no-repeat,linear-gradient(#000 0 0) 100% 100% / 30% 30% no-repeat;animation:threat-pulse .5s ease-in-out infinite alternate;will-change:transform}@keyframes threat-pulse{0%{opacity:.55}to{opacity:1}}.item-tags{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}.item-tag{position:absolute;inset-block-start:0;inset-inline-start:0;padding:.1rem .45rem;border:1px solid var(--item-color);border-radius:999px;color:#fff;background:color-mix(in srgb,var(--item-color) 30%,rgb(2 5 13 / 70%));box-shadow:0 0 .7rem color-mix(in srgb,var(--item-color) 60%,transparent);font-size:.6rem;font-weight:700;letter-spacing:.14em;white-space:nowrap;will-change:transform}.hud{position:fixed;inset:0;z-index:2;pointer-events:none;font-variant-numeric:tabular-nums}.hud-status{position:absolute;inset-block-start:clamp(1.3rem,3dvb,2.2rem);inset-inline-start:clamp(1.3rem,3vi,2.8rem);display:grid;gap:.6rem}.hud-row{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.6rem;letter-spacing:.2em}.lives{display:flex;gap:.5rem}.life{inline-size:1.1rem;block-size:1.2rem;background:linear-gradient(to bottom,#f4fbff,#8fd8ff);clip-path:polygon(50% 0,62% 38%,100% 74%,100% 86%,60% 78%,56% 100%,44% 100%,40% 78%,0 86%,0 74%,38% 38%);filter:drop-shadow(0 0 .35rem rgb(88 224 255 / 90%));transition:opacity .22s ease,transform .22s ease}.life.is-lost{opacity:.14;transform:scale(.7);filter:none}.shield-badge{padding:.12rem .45rem;border:1px solid #4f8dff;border-radius:999px;color:#d8e6ff;background:#4f8dff38;box-shadow:0 0 .8rem #4f8dff99}.nova{display:flex;gap:.3rem}.nova i{inline-size:.55rem;block-size:.55rem;border-radius:50%;background:#ff3a3a;box-shadow:0 0 .6rem #ff3a3a}.nova i.is-empty{opacity:.16;box-shadow:none}.hud-score{position:absolute;inset-block-start:clamp(1rem,2.6dvb,1.9rem);inset-inline:0;display:grid;justify-items:center;gap:.2rem}.score{color:#f2fbff;font-size:clamp(1.3rem,1rem + 1.1vi,2rem);font-weight:300;letter-spacing:.12em;text-shadow:0 0 1.2rem rgb(126 232 255 / 45%)}.combo{color:#ffd98a;font-size:.66rem;font-weight:650;letter-spacing:.22em;text-shadow:0 0 .8rem rgb(255 190 80 / 70%)}.weapon{position:absolute;inset-inline-start:clamp(1.3rem,3vi,2.8rem);inset-block-end:clamp(2.2rem,5dvb,3.8rem);display:grid;gap:.3rem;padding:.7rem .9rem;border-inline-start:2px solid var(--item-color);background:linear-gradient(to right,color-mix(in srgb,var(--item-color) 14%,transparent),transparent);transition:border-color .2s ease}.weapon-label{color:var(--muted);font-size:.56rem;letter-spacing:.26em}.weapon-name{color:#fff;font-size:clamp(1rem,.9rem + .4vi,1.3rem);font-weight:650;letter-spacing:.2em;text-shadow:0 0 1rem var(--item-color)}.weapon-level{display:flex;gap:.3rem}.weapon-level i{inline-size:1.4rem;block-size:.3rem;background:var(--item-color);box-shadow:0 0 .6rem var(--item-color)}.weapon-level i.is-empty{opacity:.18;box-shadow:none}.overdrive{position:relative;inline-size:9rem;block-size:.9rem;margin-block-start:.2rem;border:1px solid rgb(255 194 74 / 60%);overflow:hidden}.overdrive i{position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--overdrive, 1));background:linear-gradient(to right,#ff8c1eb3,#ffe678cc)}.overdrive span{position:relative;display:block;color:#1a0d00;font-size:.52rem;font-weight:800;letter-spacing:.24em;line-height:.9rem;text-align:center}.toast{position:absolute;inset-block-start:30%;inset-inline:0;color:#fff;font-size:clamp(1.1rem,.9rem + 1vi,1.9rem);font-weight:650;letter-spacing:.3em;text-align:center;opacity:0;text-shadow:0 0 1.2rem var(--toast-color, var(--cyan))}.toast.is-shown{animation:toast-pop 1.4s ease-out forwards}.destination{position:absolute;inset-block-start:clamp(1.3rem,3dvb,2.2rem);inset-inline-end:clamp(1.3rem,3vi,2.8rem);color:var(--muted);font-size:.68rem;letter-spacing:.22em}.progress{--flight-progress: 0;position:absolute;inset-inline:clamp(1.3rem,3vi,2.8rem);inset-block-end:clamp(1.2rem,3dvb,2rem);block-size:1px;background:#7ee8ff29;overflow:hidden}.progress i{display:block;inline-size:calc(var(--flight-progress) * 100%);block-size:100%;background:var(--cyan);box-shadow:0 0 1rem var(--cyan);transition:inline-size .1s linear}.hud.is-approaching .destination{color:#eaffff;text-shadow:0 0 1rem var(--cyan)}.controls{position:absolute;inset-inline-end:clamp(1.3rem,3vi,2.8rem);inset-block-end:clamp(2.2rem,5dvb,3.8rem);display:grid;justify-items:end;gap:.42rem;padding:.8rem .9rem;border-inline-end:1px solid var(--line);color:#a9bed0;background:linear-gradient(to left,rgb(5 18 31 / 48%),transparent);font-size:.67rem;letter-spacing:.08em}.controls-title{color:var(--cyan);font-size:.58rem;letter-spacing:.24em}.controls p{display:flex;align-items:center;justify-content:end;gap:.34rem}.controls kbd{min-inline-size:1.7rem;padding:.18rem .36rem;text-align:center}.controls kbd+kbd{margin-inline-start:-.2rem}.controls span{min-inline-size:2.2rem;text-align:end}.controls .mouse-control{margin-block-start:.18rem;color:#748ca1;font-size:.58rem}.controls .mouse-control span{min-inline-size:auto}.compact{background:#02050dad;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem)}.end{background:radial-gradient(circle at 50% 42%,#163a521f,#02050d94 70%);-webkit-backdrop-filter:blur(.15rem);backdrop-filter:blur(.15rem)}.end>div{display:grid;justify-items:center;gap:1rem}.result{display:flex;gap:2.4rem;margin:0}.result div{display:grid;gap:.3rem}.result dt{color:var(--muted);font-size:.6rem;letter-spacing:.26em}.result dd{margin:0;font-size:1.5rem;font-weight:300;letter-spacing:.1em;font-variant-numeric:tabular-nums}.end-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-block-start:.65rem}.share-button{display:inline-flex;align-items:center;gap:.55rem;min-block-size:3rem;padding:.8rem 1.5rem;border:1px solid rgb(255 255 255 / 28%);border-radius:999px;color:#fff;background:#000000b8;letter-spacing:.1em;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.share-button:hover{transform:translateY(-2px);border-color:#ffffffb3;background:#141414e5}.share-button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.share-button svg{inline-size:1rem;block-size:1rem;fill:currentColor}.end[data-result=complete] .eyebrow{color:#fff1bf}.impact{position:fixed;inset:0;z-index:4;pointer-events:none;border:0 solid rgb(255 73 111 / 0%);opacity:0}.site-footer{position:fixed;inset-inline:0;inset-block-end:max(.35rem,env(safe-area-inset-bottom));z-index:5;color:#8ba2b8b8;font-size:.58rem;line-height:1.4;letter-spacing:.16em;text-align:center;pointer-events:none}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@layer states{body.is-hit .impact{animation:impact-flash .18s ease-out}@keyframes impact-flash{0%{opacity:1;border-width:1.2rem;border-color:#ff496fb8;background:#ff285a1a}to{opacity:0;border-width:0;border-color:transparent;background:transparent}}@keyframes toast-pop{0%{opacity:0;transform:scale(1.25);letter-spacing:.6em}12%{opacity:1;transform:scale(1);letter-spacing:.3em}70%{opacity:1}to{opacity:0;transform:translateY(-.8rem)}}}@media(pointer:coarse){button{min-block-size:3.5rem;min-inline-size:11rem}}@media(max-height:600px){.intro{padding-block-end:1.5rem}.intro-copy{gap:.7rem}.controls{gap:.25rem;padding-block:.5rem}.mouse-control{display:none!important}}@media(max-width:720px){.controls{display:none}.legend{font-size:.56rem}}@media(prefers-reduced-motion:reduce){button,.life,.progress i{transition:none}body.is-hit .impact{animation:none}}@media(forced-colors:active){button,.life{border-color:ButtonText}.progress,.progress i{background:CanvasText}}