@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;600;700&family=Orbitron:wght@700;800;900&display=swap');
:root{--cyan:#27e5ff;--blue:#315cff;--ink:#020710;--panel:rgba(5,17,32,.94);--text:#e8fbff;--muted:#7895a8}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--text);font-family:'Chakra Petch','Segoe UI',sans-serif}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 50% 35%,#0a3154 0,transparent 50%),linear-gradient(rgba(39,229,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(39,229,255,.025) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.12) 4px)}#app{position:relative;width:100%;height:100%;display:grid;place-items:center;isolation:isolate}canvas{width:min(100vw,177.78vh);height:min(56.25vw,100vh);box-shadow:0 0 100px #000;touch-action:none}.hidden{display:none!important}.screen{display:none;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:radial-gradient(circle at 50% 42%,rgba(7,48,80,.2),rgba(1,5,13,.77));padding:20px;overflow:hidden}.screen.active{display:flex;animation:screenIn .35s ease-out}.menu-content{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column}.menu-orbit{position:absolute;width:min(76vw,760px);aspect-ratio:1;border:1px solid rgba(39,229,255,.07);border-radius:50%;animation:spin 40s linear infinite}.menu-orbit:before,.menu-orbit:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(39,229,255,.12);inset:11%}.menu-orbit:after{inset:26%;border-style:solid;border-color:rgba(49,92,255,.15)}.menu-orbit i{position:absolute;width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 14px var(--cyan)}.menu-orbit i:nth-child(1){left:15%;top:20%}.menu-orbit i:nth-child(2){right:6%;top:50%}.menu-orbit i:nth-child(3){left:35%;bottom:2%}.menu-orbit span{position:absolute;inset:-7%;border:1px solid transparent;border-top-color:rgba(39,229,255,.16);border-bottom-color:rgba(39,229,255,.16);border-radius:50%}.logo-mark{width:65px;height:65px;display:grid;place-items:center;position:relative;color:var(--cyan);font:800 17px Orbitron;filter:drop-shadow(0 0 14px rgba(39,229,255,.7));animation:float 3s ease-in-out infinite}.logo-mark:before,.logo-mark:after{content:"";position:absolute;inset:5px;border:2px solid var(--cyan);transform:rotate(45deg);clip-path:polygon(0 0,42% 0,42% 7%,58% 7%,58% 0,100% 0,100% 42%,93% 42%,93% 58%,100% 58%,100% 100%,58% 100%,58% 93%,42% 93%,42% 100%,0 100%,0 58%,7% 58%,7% 42%,0 42%)}.logo-mark:after{inset:14px;border-color:#fff;opacity:.45}.eyebrow{color:var(--cyan);font:600 10px 'Chakra Petch',monospace;letter-spacing:4px;margin:8px 0}.eyebrow:before,.eyebrow:after{content:'—';opacity:.4;margin:0 10px}h1{font:900 clamp(52px,7.8vw,102px)/.76 Orbitron,sans-serif;letter-spacing:-6px;margin:22px 0 16px;color:#f5feff;text-shadow:0 0 30px rgba(39,229,255,.22),0 3px 0 #142a3c}h1 span{color:transparent;-webkit-text-stroke:1.5px var(--cyan);filter:drop-shadow(0 0 7px rgba(39,229,255,.35))}.tagline{display:flex;align-items:center;gap:12px;color:#8eacbd;letter-spacing:1px;margin:5px 0 25px;font-size:13px}.tagline i{width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan))}.tagline i:last-child{transform:scaleX(-1)}.menu-buttons{width:min(370px,90vw);display:grid;grid-template-columns:1fr 1fr;gap:8px}.menu-buttons .primary{grid-column:1/-1}.menu-buttons+small{margin-top:18px;color:#52758a;letter-spacing:2px}button,select{position:relative;border:1px solid #244c64;background:linear-gradient(180deg,rgba(12,39,60,.94),rgba(5,19,34,.94));color:#a7d8e7;padding:12px 18px;font:700 11px 'Chakra Petch',monospace;letter-spacing:1.5px;cursor:pointer;transition:.2s;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}button:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--cyan);opacity:.2}button:hover{border-color:var(--cyan);color:#fff;transform:translateY(-1px);box-shadow:inset 0 0 22px rgba(39,229,255,.12),0 0 18px rgba(39,229,255,.1)}button:active{transform:translateY(1px)}button.primary{min-height:51px;background:linear-gradient(100deg,#075a89,#008fb4);border-color:#66efff;color:white;box-shadow:0 0 24px rgba(0,174,221,.18);font-size:13px}.danger{border-color:#71283a;color:#ff91a6}.corner-data{position:absolute;bottom:22px;color:#355569;font:500 9px/1.7 monospace;letter-spacing:1px}.corner-data.left{left:25px;text-align:left}.corner-data.right{right:25px;text-align:right}.panel{position:relative;width:min(540px,94vw);max-height:90vh;overflow:auto;padding:38px;background:linear-gradient(145deg,rgba(8,29,48,.97),rgba(3,12,25,.97));border:1px solid #245673;clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px);box-shadow:0 28px 80px rgba(0,0,0,.65),inset 0 0 45px rgba(39,229,255,.025)}.panel:before{content:"";position:absolute;left:22px;right:22px;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}.panel.wide{width:min(820px,94vw)}h2{font:800 27px Orbitron,monospace;color:#eafcff;letter-spacing:2px;text-shadow:0 0 18px rgba(39,229,255,.35)}h2:after{content:"";display:block;width:45px;height:2px;background:var(--cyan);margin:13px auto;box-shadow:0 0 8px var(--cyan)}.panel>button{display:block;width:100%;margin-top:10px}.guide,.upgrade-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.guide p,.upgrade-card{padding:15px;border:1px solid #183f57;background:linear-gradient(135deg,rgba(9,32,50,.8),rgba(5,17,31,.8));color:var(--muted)}.guide b,.upgrade-card h3{color:var(--cyan)}.setting{display:flex;justify-content:space-between;align-items:center;padding:17px;border-bottom:1px solid #16374d;font:700 12px monospace}.upgrade-card{text-align:left}.upgrade-card h3{margin:3px;font:700 14px Orbitron}.upgrade-card p{font-size:12px}.upgrade-card button{width:100%}button:disabled{opacity:.35;cursor:not-allowed}#hud{position:absolute;inset:0;pointer-events:none;padding:16px 22px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;font:700 11px 'Chakra Petch',monospace;text-shadow:0 2px 3px #000}.hud-card{width:245px;padding:10px 13px;background:linear-gradient(90deg,rgba(3,14,27,.88),rgba(7,25,40,.5));border-left:2px solid var(--cyan);clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%)}.hud-card.core-card{margin-left:auto;text-align:right;border-left:0;border-right:2px solid #7c83ff;background:linear-gradient(-90deg,rgba(3,14,27,.88),rgba(7,25,40,.5));clip-path:polygon(13px 0,100% 0,100% 100%,0 100%,0 13px)}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#32ffb1;box-shadow:0 0 7px #32ffb1;vertical-align:middle}.bar{width:100%;height:8px;background:#0b1829;border:1px solid #31506b;margin:6px 0;overflow:hidden;transform:skewX(-12deg)}.bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#008eaf,#55f2ff);box-shadow:0 0 10px var(--cyan);transition:width .16s}.core i{background:linear-gradient(90deg,#315cff,#a478ff)}.hud-center{text-align:center;padding-top:4px}.hud-center b{color:#86aabd;letter-spacing:2px}.hud-center strong{display:block;font:700 25px Orbitron;color:white;letter-spacing:4px}.hud-center span{color:#ffd166}.boss-bar{position:absolute!important;top:83px;left:25%;width:50%;text-align:center!important}.boss-bar .bar{width:100%}.boss-bar i{background:linear-gradient(90deg,#d31f4b,#ff714b)}.power-text{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);padding:7px 20px;border:1px solid #1c5368;background:rgba(3,15,27,.88);color:var(--cyan);letter-spacing:1.5px;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%)}#mobileControls{position:absolute;inset:0;pointer-events:none}#joystick{position:absolute;left:30px;bottom:35px;width:105px;height:105px;border:2px solid #3a6c80;border-radius:50%;background:#07162988;pointer-events:auto;touch-action:none}#joystick i{position:absolute;width:42px;height:42px;border-radius:50%;background:#22d3ee66;left:30px;top:30px}#fireButton,#empButton{position:absolute;border-radius:50%;pointer-events:auto;touch-action:none}#fireButton{right:30px;bottom:40px;width:90px;height:90px}#empButton{right:130px;bottom:125px;width:60px;height:60px;font-size:10px}@media(pointer:fine){#mobileControls{display:none!important}}@media(max-width:650px){#hud{padding:6px;font-size:8px}.hud-card{width:112px;padding:7px}.hud-center strong{font-size:15px}.boss-bar{top:58px}.guide,.upgrade-grid{grid-template-columns:1fr}.panel{padding:22px}.menu-buttons{gap:5px}button{padding:10px}.power-text{bottom:4px;font-size:8px}h1{letter-spacing:-3px}.corner-data{display:none}.menu-orbit{width:110vw}}@keyframes float{50%{transform:translateY(-5px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes screenIn{from{opacity:0;transform:scale(1.015)}to{opacity:1;transform:none}}