:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#edf4ff;background:#050916}*{box-sizing:border-box}body{margin:0;overflow:hidden}#scene{position:fixed;inset:0}canvas{display:block}header{position:absolute;top:28px;left:36px;right:36px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:14px;letter-spacing:3px}.brand b{font-weight:400;color:#6cebdc}.brand small{display:block;font:9px monospace;letter-spacing:3px;margin:9px 0 0 30px;color:#8295b5}.icon{color:#8effdb;font-size:24px;vertical-align:middle;margin-right:10px}button{cursor:pointer;color:#bfcce2;background:#0c1728c9;border:1px solid #ffffff24;border-radius:7px;padding:12px 18px;font:12px monospace}button:hover{border-color:#75f5d5;color:white}button:focus-visible{outline:2px solid #80ffdd;outline-offset:4px}nav{display:flex;gap:8px}.hud{position:absolute;top:104px;left:36px;right:36px;display:flex;gap:48px;pointer-events:none}.hud>div:last-child{margin-left:auto}label{display:block;color:#8093b5;font:10px monospace;letter-spacing:2px;margin-bottom:10px}strong{font:24px monospace}#lives{color:#8efcdb;font-size:20px}#overlay{position:absolute;inset:0;display:grid;align-items:center;background:linear-gradient(90deg,#050916e6,transparent 80%)}.panel{margin:150px 0 60px 8%;max-width:520px}.eyebrow{color:#91f7da;font:10px monospace;letter-spacing:3px}h1{font-size:clamp(50px,7vw,100px);line-height:.94;letter-spacing:-5px;margin:25px 0;font-weight:900}h1 span{color:#90ffdb}sup{font:14px monospace;color:#90ffdb;vertical-align:top;letter-spacing:0;margin-left:12px}#message{color:#a9b7cd;line-height:1.7;font-size:16px}.primary{background:#96ffdc;color:#071920;border:0;font: bold 15px Arial;padding:19px 25px;width:260px;margin-top:20px;display:flex;justify-content:space-between}.primary:hover{background:#c8ffef;color:#071920}.hint{font:11px/1.9 monospace;color:#8798b4;margin-top:24px}footer{position:absolute;bottom:24px;left:36px;right:36px;display:flex;justify-content:space-between;align-items:center;font:10px monospace;letter-spacing:1px;color:#7c91b1}footer i{color:#4be9c2;margin:0 8px}kbd{border:1px solid #33435c;padding:5px;border-radius:4px;color:#d5e1f6}#notice{position:absolute;top:26%;width:100%;text-align:center;color:#91ffdc;font:20px monospace;letter-spacing:5px;pointer-events:none}.touch{display:none;position:absolute;bottom:76px;left:20px;right:20px;gap:12px}.touch button{width:64px;height:58px;touch-action:none;user-select:none}.touch .fire{margin-left:auto;width:100px;color:#96ffdc;border-color:#96ffdc66}#overlay[hidden]{display:none}@media(pointer:coarse),(max-width:650px){header{top:20px;left:20px;right:20px}.brand{font-size:10px;letter-spacing:1px}.brand small{font-size:8px;letter-spacing:1px;margin-left:0}.icon{display:none}nav button{padding:10px}.hud{top:87px;left:20px;right:20px;gap:22px}.hud label{font-size:8px;letter-spacing:1px}.hud strong{font-size:18px}.hud>div:last-child{display:none}.panel{margin:100px 22px 90px}h1{font-size:58px;letter-spacing:-3px}.touch{display:flex}footer{left:20px;right:20px;bottom:18px}.desktop{display:none}#overlay{background:#050916bb}.hint{font-size:10px}#notice{top:23%;font-size:15px}}

#scene canvas{touch-action:none}#damage{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 130px #ff3366;opacity:0}.flash{animation:hit .5s ease-out}@keyframes hit{0%{opacity:.8}100%{opacity:0}}.touch{pointer-events:none;align-items:center;font:9px monospace;letter-spacing:1px;color:#9eb6ca}.touch button{pointer-events:auto}header,.hud,footer{z-index:2}#overlay{z-index:3}#notice{z-index:2}#flight-reticle{position:fixed;left:50%;top:46%;width:20px;height:20px;border:1px solid #afffee33;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}#flight-reticle i{position:absolute;left:8px;top:8px;width:2px;height:2px;background:#afffee66}.touch{z-index:2}@media(max-width:650px){.hint{max-width:315px}.touch .fire{height:48px;width:86px}.panel{margin-top:120px}#message{font-size:14px}}

#journey{position:absolute;top:174px;left:36px;right:36px;display:flex;justify-content:space-between;color:#b5c7e3;font:10px monospace;letter-spacing:1.5px;pointer-events:none;z-index:2}#journey b{color:#ffda7f}#loadout{position:absolute;left:36px;bottom:78px;right:36px;display:flex;gap:16px;align-items:center;justify-content:space-between;z-index:2;font:10px monospace;color:#97ebec;pointer-events:none}#nova{pointer-events:auto;border-color:#7dffff66;color:#a8ffff}#nova:disabled{opacity:.5;cursor:default}#nova:not(:disabled){background:#133f4d;box-shadow:0 0 18px #54ffff44}#boss-hud{position:absolute;top:205px;left:30%;width:40%;font:10px monospace;letter-spacing:2px;color:#ff9fc4;z-index:2;pointer-events:none}#boss-hud>div{margin-top:9px;background:#411f3f;height:5px}#boss-health{display:block;background:#ff73ac;height:5px;width:100%;transition:width .15s}#hazard-marker{position:absolute;transform:translate(-50%,-50%);border:1px solid #ffaa67;border-radius:8px;padding:10px;font:bold 11px monospace;color:#ffd08d;z-index:2;pointer-events:none;background:#22142199}#boss-warning{position:absolute;bottom:26%;width:100%;text-align:center;font:12px monospace;color:#ffb17f;z-index:2;pointer-events:none}#notice{top:34%;font-size:13px;letter-spacing:2px;padding:0 22px;text-shadow:0 2px 10px black}#overlay .hint{max-width:500px}.hud,header{pointer-events:none}nav{pointer-events:auto}
@media(max-width:650px){#journey{top:141px;left:20px;right:20px;display:grid;gap:7px;font-size:8px}#loadout{left:20px;right:20px;bottom:135px;font-size:8px;gap:8px}#nova{font-size:9px;padding:10px}#boss-hud{top:189px;left:20px;width:calc(100% - 40px);font-size:8px}#notice{top:29%;font-size:10px;letter-spacing:1px}#powers{max-width:190px;line-height:1.8}.panel .hint{line-height:1.6}.touch{bottom:73px}}

#notice{top:40%}body:has(#overlay:not([hidden])) #journey,body:has(#overlay:not([hidden])) #loadout,body:has(#overlay:not([hidden])) #boss-hud,body:has(#overlay:not([hidden])) .touch{visibility:hidden}@media(max-width:650px){#notice{top:33%}}

@media(max-width:650px){#nova{min-height:44px;min-width:84px}}