@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{color-scheme:dark;--cyan:#65f5ff;--blue:#0aa7ff;--amber:#ff9f43;--ink:#02060b}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--ink);color:#e9fbff;font-family:Chakra Petch,sans-serif;touch-action:none;user-select:none}#game,#game canvas{position:fixed;inset:0;width:100%;height:100%;display:block}.vignette{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 30%,rgba(0,5,12,.16) 65%,rgba(0,2,8,.78) 115%)}.vignette:after{content:"";position:absolute;inset:0;opacity:.17;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 3px)}.speed-lines{position:fixed;inset:-30%;z-index:2;pointer-events:none;opacity:0;transition:opacity .2s;background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg,transparent 2deg,rgba(120,230,255,.08) 2.04deg,transparent 2.1deg);mask-image:radial-gradient(circle,transparent 0 20%,#000 80%)}body.boosting .speed-lines{opacity:.7;animation:spin 14s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#damage-flash{position:fixed;inset:0;z-index:9;pointer-events:none;opacity:0;background:radial-gradient(circle,transparent 15%,rgba(255,40,10,.72))}#damage-flash.hit{animation:damage .55s ease-out}@keyframes damage{0%{opacity:.95}to{opacity:0}}.topbar{position:fixed;z-index:5;left:0;right:0;top:0;padding:24px 34px;display:flex;align-items:center;justify-content:space-between;letter-spacing:.12em;pointer-events:none}.brand{pointer-events:auto;color:#fff;text-decoration:none;font-weight:700;font-size:18px;letter-spacing:.19em;display:flex;align-items:center;text-shadow:0 0 20px rgba(100,245,255,.4)}.brand i{width:18px;height:18px;margin-right:10px;border:1px solid var(--cyan);transform:rotate(45deg);box-shadow:inset 0 0 10px #04c7ff,0 0 12px #04c7ff8c}.brand span{color:var(--cyan);margin:0 2px}.sector{position:absolute;left:50%;transform:translate(-50%);text-align:center;line-height:1.35}.sector span,.stat span,.threat>span{display:block;color:#6c8793;font:500 8px Inter,sans-serif;letter-spacing:.25em}.sector strong{color:#b9d6dd;font-size:10px;font-weight:500}.icon-button{pointer-events:auto;background:#05141e73;border:1px solid rgba(120,225,240,.22);width:38px;height:38px;color:#bfeef2;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.icon-button svg{width:17px;fill:currentColor}.icon-button.muted{opacity:.35}.hidden{opacity:0!important;pointer-events:none!important}#hud{position:fixed;z-index:4;inset:0;pointer-events:none;transition:opacity .4s}.stat{position:absolute;top:79px}.stat strong{font-size:24px;font-weight:500;letter-spacing:.13em;text-shadow:0 0 15px rgba(101,245,255,.35)}.stat em{color:var(--cyan);font-size:10px;font-style:normal;margin-left:8px}.score{left:35px}.distance{right:35px;text-align:right}.distance strong{font-size:18px}.shield{position:absolute;left:32px;bottom:34px;width:80px;height:80px}.shield svg{position:absolute;inset:0;transform:rotate(-90deg);filter:drop-shadow(0 0 6px rgba(55,230,255,.45))}.shield circle{fill:none;stroke-width:2}.shield .track{stroke:#ffffff1a}#shield-ring{stroke:var(--cyan);stroke-dasharray:214;stroke-dashoffset:0;transition:stroke .2s}.shield div{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1}.shield strong{font-size:20px;font-weight:500}.shield span{font:500 7px Inter;letter-spacing:.18em;color:#6b8993;margin-top:5px}.threat{position:absolute;right:35px;bottom:41px;width:150px;text-align:right}.threat div{height:3px;margin-top:9px;background:#ffffff1a;overflow:hidden}.threat i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--amber));box-shadow:0 0 8px var(--amber);transition:width .15s}.reticle{--spread:25px;position:absolute;left:50%;top:48%;width:70px;height:70px;transform:translate(-50%,-50%);opacity:.75;transition:opacity .15s}.reticle:before,.reticle:after{content:"";position:absolute;left:50%;top:50%;background:var(--cyan);box-shadow:0 0 7px var(--cyan)}.reticle:before{width:5px;height:1px;transform:translate(-50%,-50%)}.reticle:after{width:1px;height:5px;transform:translate(-50%,-50%)}.reticle i,.reticle b,.reticle span{position:absolute;width:13px;height:13px;top:50%;border-top:1px solid var(--cyan)}.reticle i{left:calc(50% - var(--spread));border-left:1px solid var(--cyan);transform:translate(-50%,-50%) rotate(-45deg)}.reticle b{right:calc(50% - var(--spread));border-right:1px solid var(--cyan);transform:translate(50%,-50%) rotate(45deg)}.reticle span{left:50%;top:calc(50% + var(--spread));border-left:1px solid var(--cyan);transform:translate(-50%,-50%) rotate(45deg)}.reticle.locked{filter:sepia(1) saturate(4);opacity:1}.combo{position:absolute;left:50%;top:62%;transform:translate(-50%,10px);text-align:center;opacity:0;transition:.2s}.combo.show{opacity:1;transform:translate(-50%)}.combo span{display:block;font:600 7px Inter;letter-spacing:.3em;color:var(--amber)}.combo strong{font-size:24px;color:#fff;text-shadow:0 0 15px var(--amber)}.powerup-status{position:absolute;left:50%;bottom:58px;transform:translate(-50%,12px);display:flex;align-items:center;gap:11px;padding:8px 13px;background:#05121cd1;border:1px solid rgba(110,239,255,.32);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);opacity:0;transition:.25s}.powerup-status.show{opacity:1;transform:translate(-50%)}.powerup-status>i{width:9px;height:9px;transform:rotate(45deg);background:var(--cyan);box-shadow:0 0 11px var(--cyan)}.powerup-status div{min-width:145px}.powerup-status span{display:block;font:500 6px Inter;letter-spacing:.22em;color:#63808b}.powerup-status strong{font-size:10px;letter-spacing:.12em}.powerup-status em{font-size:12px;font-style:normal;color:var(--cyan)}.powerup-status.weapon>i{background:#a76cff;box-shadow:0 0 11px #a76cff}.powerup-status.repair>i{background:#55ff9b;box-shadow:0 0 11px #55ff9b}.powerup-status.aegis>i{background:#54dcff;box-shadow:0 0 11px #54dcff}.controls-hint{position:absolute;left:50%;bottom:30px;transform:translate(-50%);font:500 8px Inter;letter-spacing:.15em;color:#5d7580;white-space:nowrap}.controls-hint kbd{font:600 8px Inter;color:#bfd4d9;border:1px solid #47606b;padding:4px 6px;background:#04101799}.controls-hint span{display:inline-block;width:18px}.screen{position:fixed;z-index:8;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#020f1814,#0004096b);opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s}.screen.active{opacity:1;visibility:visible}.eyebrow{color:#7fb2bd;font:500 9px Inter;letter-spacing:.32em;display:flex;gap:14px;align-items:center;margin-bottom:16px}.eyebrow i{width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan))}.eyebrow i:last-child{transform:scaleX(-1)}.eyebrow.danger{color:#ff866f}.eyebrow.danger i{background:linear-gradient(90deg,transparent,#ff5c3b)}h1,h2{margin:0;text-align:center;font-size:clamp(65px,9vw,128px);font-weight:700;letter-spacing:-.055em;line-height:.66;text-shadow:0 0 60px rgba(47,215,255,.12)}h1 span,h2 span{color:transparent;-webkit-text-stroke:1px rgba(198,239,246,.55);font-size:.68em;letter-spacing:.05em}h2{font-size:clamp(55px,7vw,100px);line-height:.75}h2 span{-webkit-text-stroke-color:rgba(255,98,73,.65)}.lead{color:var(--cyan);font-size:10px;font-weight:600;letter-spacing:.48em;margin:30px 0 0;text-shadow:0 0 12px var(--cyan)}.mission{margin-top:32px;text-align:center}.mission span{font:500 8px Inter;letter-spacing:.25em;color:#567781}.mission p{font:400 12px Inter;line-height:1.65;color:#9bb0b6;margin:8px 0}.launch{position:relative;margin-top:25px;width:210px;height:61px;background:#04151dbd;color:#e8ffff;border:1px solid rgba(98,238,255,.7);font-family:inherit;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);cursor:pointer;transition:.18s;box-shadow:inset 0 0 22px #2adeff14}.launch:before,.launch:after{content:"";position:absolute;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.launch:before{left:0;top:0;width:28px;height:2px}.launch:after{right:0;bottom:0;width:28px;height:2px}.launch:hover{background:#18a0b438;transform:scale(1.035);box-shadow:inset 0 0 30px #2adeff2e,0 0 28px #2adeff1f}.launch span{display:block;font-weight:600;font-size:15px;letter-spacing:.22em}.launch small{display:block;color:#688995;font:500 7px Inter;letter-spacing:.18em;margin-top:3px}.start-controls{display:flex;gap:58px;margin-top:52px}.start-controls div{display:grid;grid-template-columns:28px auto;grid-template-rows:14px 14px;column-gap:10px}.start-controls span{grid-row:1/3}.start-controls b{font:600 8px Inter;letter-spacing:.13em;color:#a7bdc2}.start-controls small{font:500 7px Inter;letter-spacing:.18em;color:#4d6a74}.mouse-icon{width:17px;height:25px;border:1px solid #779ba5;border-radius:10px;position:relative}.mouse-icon:after{content:"";position:absolute;width:1px;height:6px;left:7px;top:2px;background:var(--cyan)}.key-icon{width:26px;height:24px;border:1px solid #617d86;text-align:center;line-height:20px;font-size:12px;color:var(--cyan)}.key-icon.shift{font-size:17px}.results{display:flex;margin-top:48px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.results div{min-width:155px;text-align:center;padding:18px 28px;border-right:1px solid rgba(255,255,255,.1)}.results div:last-child{border:0}.results span{display:block;font:500 7px Inter;letter-spacing:.22em;color:#617881;margin-bottom:7px}.results strong{font-size:20px;font-weight:500;letter-spacing:.08em}#rotate{display:none;position:fixed;inset:0;z-index:20;background:#02070b;place-content:center;text-align:center;letter-spacing:.2em}#rotate span{font:400 10px Inter;color:#647a82;margin-top:8px}@media(max-width:700px){.topbar{padding:16px}.sector,.controls-hint{display:none}.score{left:17px;top:65px}.distance{right:17px;top:65px}.shield{left:15px;bottom:18px}.threat{right:16px;bottom:27px}.start-controls{gap:17px;margin-top:38px}.start-controls div{grid-template-columns:0 auto}.start-controls span{display:none}.mission{margin-top:24px}.results div{min-width:100px;padding:14px 10px}.screen{padding:20px}.brand{font-size:14px}}@media(max-height:620px){.mission{display:none}.start-controls{margin-top:28px}.lead{margin-top:24px}.launch{margin-top:20px}.screen{justify-content:center}.results{margin-top:25px}}@media(orientation:portrait)and (max-width:520px){#rotate{display:grid}}