:root{color-scheme:dark;font-family:"Press Start 2P",ui-monospace,monospace}*{box-sizing:border-box}html,body,#interface{margin:0;height:100%;overflow:hidden;color:#e9fbff}body{background:#070d1a}canvas{position:fixed;inset:0;width:100%;height:100%;display:block}#interface{position:fixed;inset:0;pointer-events:none;z-index:2}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#081426c7,#04080ff0);pointer-events:auto}.panel{width:min(720px,calc(100vw - 42px));padding:34px;border:2px solid #27ffc8;background:linear-gradient(145deg,#07141cf0,#0c0714f0);box-shadow:0 0 40px #0bcedf55,inset 0 0 40px #0bcedf22;text-align:center}.eyebrow{margin:0 0 16px;color:#ff9f52;font-size:10px;line-height:1.5}h1,h2{margin:0 0 16px;font-size:clamp(28px,6vw,54px);color:#eafffb;text-shadow:0 0 18px #0bcedf,4px 4px 0 #f46c35;line-height:1}.lede{margin:0 0 20px;color:#9fdcff;font-size:11px;line-height:1.8}button{border:2px solid #27ffc8;background:#072a26;color:#eafffb;font:inherit;font-size:15px;padding:15px 24px;cursor:pointer;box-shadow:0 0 18px #27ffc844;transition:transform .12s,box-shadow .12s}button:hover{transform:translateY(-2px);box-shadow:0 0 30px #27ffc8;background:#0d4a3d}.keys,.small{color:#9fdcff;font-size:9px;line-height:2}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.small{margin:16px 0 0;opacity:.8}kbd{border:1px solid #0bcedf;padding:3px 5px;color:#eafffb}.buttons{display:flex;gap:12px;justify-content:center}.statusbar{position:absolute;left:4vw;right:4vw;top:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;text-shadow:0 0 8px #0bcedf}.stats{display:flex;gap:14px;font-size:clamp(14px,2vw,24px);color:#eafffb}.stats #multiplier{color:#ffd671}.stats #distance{color:#9fdcff;font-size:.7em}.meter{width:min(32vw,330px)}.meter{height:20px;position:relative}.meter span{position:absolute;left:0;right:0;top:-17px;font-size:8px;text-align:center}.meter>div{height:100%;border:2px solid #c3d5d8;background:#0a1622;overflow:hidden}.meter i{display:block;height:100%;width:100%;transition:width .15s}#hull-bar i{background:linear-gradient(90deg,#ff4168,#ffd671)}#fuel-bar i{background:linear-gradient(90deg,#43f8c8,#0bcedf)}.weapon,.warn,.prompt{position:absolute;font-size:11px}.weapon{left:4vw;bottom:22px;color:#ffd671}.warn{left:50%;top:76px;transform:translate(-50%);color:#ff4168;text-shadow:0 0 16px #ff4168;animation:blink 1s steps(2) infinite}.prompt{right:4vw;bottom:22px;color:#27ffc8}#popups{position:absolute;inset:0;overflow:hidden}.popup{position:absolute;transform:translate(-50%,-50%);color:#ffe492;font-size:13px;text-shadow:0 0 8px #000;animation:rise .8s ease-out forwards;pointer-events:none}.popup.danger{color:#ff4168;font-size:15px;animation:shake-pop .8s ease-out forwards}@keyframes blink{50%{opacity:.25}}@keyframes rising{0%{opacity:1;transform:translate(-50%,-20%)}to{opacity:0;transform:translate(-50%,-180%)}}@keyframes shake-pop{0%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}70%{opacity:1;transform:translate(calc(-50% + 4px),-120%) scale(1)}to{opacity:0;transform:translate(calc(-50% - 4px),-180%) scale(.8)}}@font-face{font-family:"Press Start 2P";src:url(./PressStart2P-Bzl5sgA2.ttf) format("truetype");font-display:swap}.instructions{font:14px/1.8 ui-monospace,monospace;color:#b9cbd8}.summary{display:flex;justify-content:center;gap:20px;font-size:10px;margin:24px 0}.popup{animation-name:rising}.flight-info{position:absolute;left:4vw;top:78px;display:flex;gap:22px;font-size:9px;color:#95bbc9}.help{position:absolute;bottom:6px;left:0;width:100%;text-align:center;color:#7e9caf;font:11px ui-monospace,monospace}#reticle{position:absolute;width:32px;height:32px;transform:translate(-50%,-50%);border:1px solid #b8fff0;border-radius:50%;box-shadow:0 0 4px #093934}#reticle:before,#reticle:after{content:"";position:absolute;background:#b8fff0}#reticle:before{width:1px;height:44px;left:15px;top:-7px}#reticle:after{width:44px;height:1px;top:15px;left:-7px}#damage{position:absolute;inset:0;box-shadow:inset 0 0 160px 80px #ff244a;opacity:var(--damage,0)}#boss-meter{position:absolute;width:30%;bottom:65px;left:35%;height:8px;background:#421b2e;display:none}#boss-meter span{position:absolute;top:-20px;width:100%;text-align:center;font-size:10px;color:#ff7184}#boss-meter i{display:block;height:100%;background:#ff4168}body[data-phase=playing] canvas{cursor:none}body.muted:after{content:"MUTED";position:fixed;right:4vw;top:65px;color:#809aa9;font:10px monospace;z-index:4}.boost #drive{color:#ffb653}.boost #interface{box-shadow:inset 0 0 70px #33bcb822}@media(max-width:650px){.keys{grid-template-columns:1fr}.statusbar{flex-wrap:wrap}.meter{width:44vw}}