:root{--cyan:#35f2ff;--cyan2:#087caa;--pink:#ff2e9a;--gold:#ffd65a;--red:#ff355e;--bg:#03040a;--panel:#0a1020;--line:#203c5e;--text:#effbff;--muted:#7b93ac;--safe-top:max(12px,env(safe-area-inset-top));--safe-bottom:max(12px,env(safe-area-inset-bottom))}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:var(--text);font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif;overscroll-behavior:none}button,input,select{font:inherit}button{color:inherit}button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
body{display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#102341 0,#03050b 42%,#000 80%)}
#app{position:relative;width:min(100vw,540px);height:min(100dvh,960px);max-height:100dvh;overflow:hidden;background:#050713;box-shadow:0 0 80px #071e38,0 0 0 1px #17324f;isolation:isolate}
#app:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:99;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 3px);mix-blend-mode:screen}
.screen{display:none;position:absolute;inset:0;min-height:0}.screen.active{display:flex}.menu-screen{flex-direction:column;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(20px + var(--safe-bottom));background:linear-gradient(180deg,#050815,#080e1d 50%,#04060c)}
.title-screen{flex-direction:column;align-items:center;justify-content:center;padding:var(--safe-top) 26px var(--safe-bottom);text-align:center;background:radial-gradient(ellipse at 50% 35%,rgba(11,113,150,.42),transparent 34%),linear-gradient(170deg,#03050c 10%,#09162a 52%,#020309)}
.title-stars{position:absolute;inset:0;opacity:.7;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px),radial-gradient(circle,#35f2ff 0 1px,transparent 1.5px);background-size:37px 51px,71px 89px;background-position:7px 11px,19px 23px;animation:starDrift 14s linear infinite}.title-stars:after{content:"";position:absolute;left:-20%;right:-20%;bottom:10%;height:35%;border-top:1px solid #26b6da66;background:repeating-linear-gradient(90deg,transparent 0 39px,#0b608044 40px),repeating-linear-gradient(0deg,transparent 0 39px,#0b608044 40px);transform:perspective(240px) rotateX(58deg)}
@keyframes starDrift{to{background-position:7px 113px,19px 201px}}.title-emblem{position:relative;display:flex;align-items:center;gap:5px;width:172px;height:98px;margin-bottom:15px;filter:drop-shadow(0 0 18px #13cce8)}.title-emblem:before{content:"";position:absolute;left:50%;top:6px;width:36px;height:74px;transform:translateX(-50%);clip-path:polygon(50% 0,100% 28%,82% 100%,50% 80%,18% 100%,0 28%);background:linear-gradient(90deg,#0b5478,#d9fbff 45%,#27e6fb 55%,#063a64);box-shadow:inset 0 0 0 5px #133358}.title-emblem i{width:66px;height:18px;background:linear-gradient(#32ebff,#075a8f);clip-path:polygon(0 42%,85% 0,100% 40%,55% 100%);box-shadow:0 0 12px #1adfff}.title-emblem i:last-child{transform:scaleX(-1)}.title-emblem b{width:32px;height:32px;border:5px double #ffcf4c;background:#ff477c;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);z-index:1;box-shadow:0 0 16px #ff2e9a}
.eyebrow,.screen-intro p{font:700 10px/1.2 monospace;letter-spacing:.24em;color:var(--cyan)}h1{position:relative;margin:0;line-height:.8;font-style:italic;letter-spacing:-.06em;transform:skewX(-5deg);filter:drop-shadow(3px 4px #062746)}h1 span{display:block;font-size:clamp(46px,12vw,68px);background:linear-gradient(#fff 12%,#7defff 45%,#087dbd 50%,#d8fbff 74%,#2088bb);background-clip:text;color:transparent;-webkit-text-stroke:1px #b9f8ff}h1 strong{display:block;margin-top:12px;font-size:clamp(39px,10vw,57px);letter-spacing:.08em;background:linear-gradient(#fff38c,#ffb11d 45%,#ec3658 52%,#ff91c7);background-clip:text;color:transparent;-webkit-text-stroke:1px #ffd25c}.title-jp{margin:17px 0 22px;color:#8bb0c7;font-size:11px;letter-spacing:.45em}.pilot-card{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:10px 14px;margin:0 0 15px;border:1px solid #1b688d;background:#07101dcc;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);font:700 10px monospace;color:#7397b1}.pilot-card b{padding:0 14px;color:var(--gold);font-size:14px}.btn{border:1px solid #275170;background:#101b2c;padding:12px 20px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.btn-primary{border-color:#4af5ff;background:linear-gradient(135deg,#047d9a,#00b4cd 52%,#067699);box-shadow:0 0 18px #16e6ff55,inset 0 1px #c6fbff;color:white}.btn-large{width:100%;padding:16px;font-size:16px;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}.btn-danger{border-color:#8f2942;background:#32111a;color:#ff91a8}.blink-line{font:700 9px monospace;color:#47d4df;letter-spacing:.17em;animation:blink 1.2s steps(2) infinite}.title-screen footer{position:absolute;bottom:var(--safe-bottom);font:8px monospace;color:#3c5269;letter-spacing:.1em}@keyframes blink{50%{opacity:.35}}
.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:48px 1fr auto;align-items:center;min-height:72px;padding:var(--safe-top) 15px 8px;background:linear-gradient(180deg,#07101df5,#08101beb);border-bottom:1px solid #164563;box-shadow:0 8px 25px #0008}.topbar h2{margin:1px 0;font-size:18px;letter-spacing:.06em}.topbar small{color:var(--cyan);font:700 9px monospace;letter-spacing:.2em}.icon-btn{width:36px;height:36px;border:1px solid #294963;background:#0b1625;color:#8adfee;font-size:26px;clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px)}.currency{display:flex;gap:7px;align-items:center;padding:8px 10px;border:1px solid #334e63;background:#101927;font:800 12px monospace;color:var(--gold)}.currency span{color:#ffb631}.hero-panel{display:grid;grid-template-columns:145px 1fr;align-items:center;min-height:170px;margin:16px;border:1px solid #1b4f70;background:radial-gradient(circle at 23% 50%,#07507a66,transparent 45%),linear-gradient(135deg,#0b1727,#070a13);clip-path:polygon(0 16px,16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%)}.hero-panel small,.custom-stage p{font:700 9px monospace;letter-spacing:.15em;color:var(--cyan)}.hero-panel h3{margin:6px 0;font-size:18px}.hero-panel p{font:700 10px monospace;color:#7d9ab0}.craft-preview{position:relative;width:125px;height:125px;margin:auto;filter:drop-shadow(0 0 14px #19ddeb)}.craft-preview:before,.craft-preview:after{content:"";position:absolute;inset:0;background:var(--craft-color,#24dfff);clip-path:polygon(50% 4%,61% 28%,87% 45%,100% 75%,68% 64%,61% 93%,50% 78%,39% 93%,32% 64%,0 75%,13% 45%,39% 28%);opacity:.9}.craft-preview:after{inset:26% 34% 18%;background:linear-gradient(#fff,#45f5ff 38%,#104a79 41%,#12223c);clip-path:polygon(50% 0,100% 65%,72% 100%,50% 72%,28% 100%,0 65%);box-shadow:0 0 12px #fff}.craft-preview.large{width:160px;height:160px}.craft-preview.xl{width:190px;height:190px}.craft-preview[data-level="1"]:before{clip-path:polygon(50% 5%,72% 52%,63% 92%,50% 78%,37% 92%,28% 52%)}.craft-preview[data-level="2"]:before{clip-path:polygon(50% 4%,63% 36%,92% 65%,66% 60%,60% 92%,50% 78%,40% 92%,34% 60%,8% 65%,37% 36%)}.craft-preview[data-level="3"]:before{clip-path:polygon(50% 4%,63% 32%,90% 45%,100% 73%,68% 63%,61% 93%,50% 78%,39% 93%,32% 63%,0 73%,10% 45%,37% 32%)}.craft-preview[data-level="4"]:before,.craft-preview[data-level="5"]:before{box-shadow:0 0 24px var(--craft-color,#24dfff)}
.main-nav{display:grid;gap:9px;padding:0 16px}.mission-card{position:relative;display:grid;grid-template-columns:30px 48px 1fr;align-items:center;min-height:73px;padding:9px;border:1px solid #1d3b56;background:linear-gradient(100deg,#0d1625,#080c14);text-align:left;clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.mission-card.primary{border-color:#1687a2;background:linear-gradient(100deg,#0a2335,#08111e)}.mission-no{font:700 9px monospace;color:#49687f;align-self:start}.mission-card i{font-style:normal;font-size:24px;color:var(--cyan);text-shadow:0 0 12px currentColor}.mission-card small{display:block;color:#598aa3;font:700 8px monospace;letter-spacing:.2em}.mission-card b{display:block;margin:3px 0;font-size:15px}.mission-card em{display:block;color:#4f687b;font:normal 8px monospace;letter-spacing:.08em}.mode-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:12px 16px}.mode-strip button{height:61px;border:1px solid #20364b;background:#0a111c;color:#6b94aa;font-size:17px}.mode-strip button:disabled{opacity:.38}.mode-strip small{display:block;font:700 7px monospace;margin-top:5px}
.screen-intro{padding:18px 18px 8px}.screen-intro h3{margin:4px 0 0;font-size:20px}.difficulty-badge,.data-rate{padding:7px 9px;border:1px solid #795e19;background:#302710;color:var(--gold);font:700 9px monospace}.stage-list{display:grid;gap:10px;padding:9px 16px}.stage-card{position:relative;display:grid;grid-template-columns:106px 1fr 32px;min-height:110px;padding:0;border:1px solid var(--stage-accent,#277a9b);background:#07101c;overflow:hidden;text-align:left;clip-path:polygon(0 12px,12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}.stage-card.locked{filter:saturate(.15);opacity:.5}.stage-visual{position:relative;display:grid;place-items:center;background:var(--stage-bg);overflow:hidden}.stage-visual:before{content:"";width:66px;height:66px;border:8px double var(--stage-accent);transform:rotate(45deg);box-shadow:0 0 22px var(--stage-accent)}.stage-visual:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 16px,#ffffff0d 17px)}.stage-copy{padding:14px 10px}.stage-copy small{font:700 8px monospace;color:var(--stage-accent);letter-spacing:.12em}.stage-copy b{display:block;margin:5px 0;font-size:15px}.stage-copy p{margin:0;color:#6f8ca2;font-size:10px}.stage-meta{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--stage-accent);font-size:18px}.stage-stars{color:var(--gold);font-size:9px}.future-note{text-align:center;color:#42576b;font:700 8px monospace;letter-spacing:.15em}
.hangar-bay{position:relative;display:grid;place-items:center;min-height:250px;background:linear-gradient(90deg,#0a1826aa,#07101aaa),repeating-linear-gradient(90deg,transparent 0 49px,#14506a22 50px);border-bottom:1px solid #164460}.hangar-bay:before{content:"";position:absolute;width:230px;height:72px;border:1px solid #1684a255;border-radius:50%;box-shadow:0 0 30px #0ca5ca22}.power-readout{position:absolute;right:18px;bottom:15px;text-align:right}.power-readout small{display:block;font:700 8px monospace;color:#56788d}.power-readout b{font:italic 900 25px monospace;color:var(--cyan)}.upgrade-list{display:grid;gap:9px;padding:14px 16px}.upgrade-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid #1d3b55;background:#0a121e}.upgrade-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #297493;background:#0d2738;color:var(--cyan);font-size:20px}.upgrade-row b{font-size:13px}.upgrade-row small{display:block;margin-top:4px;color:#63839a;font-size:9px}.upgrade-pips{display:flex;gap:3px;margin-top:6px}.upgrade-pips i{width:18px;height:3px;background:#253848}.upgrade-pips i.on{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.buy-btn{min-width:76px;padding:9px 8px;border:1px solid #8e6b20;background:#2d2513;color:var(--gold);font:800 10px monospace}.buy-btn:disabled{opacity:.4;color:#80909c;border-color:#354653;background:#141b22}
.custom-stage{display:grid;place-items:center;min-height:265px;background:radial-gradient(circle,#0b54717a,transparent 43%),linear-gradient(#050b15,#081522);border-bottom:1px solid #1d4d68}.section-label{margin:15px 16px 8px;color:#6fb6ca;font:700 9px monospace;letter-spacing:.17em}.skin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px}.skin-card{min-height:92px;border:1px solid #263c50;background:#0b111b;padding:7px;text-align:center}.skin-card.active{border-color:var(--cyan);box-shadow:inset 0 0 16px #1ac6e433}.skin-swatch{height:49px;margin-bottom:7px;background:radial-gradient(circle,var(--skin),transparent 63%);clip-path:polygon(50% 0,70% 36%,100% 67%,65% 58%,58% 100%,50% 76%,42% 100%,35% 58%,0 67%,30% 36%)}.skin-card b{display:block;font-size:9px}.skin-card small{color:#617c8f;font:8px monospace}.weapon-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0 16px}.weapon-card{padding:11px;border:1px solid #273f55;background:#0b121d;text-align:left}.weapon-card.active{border-color:var(--pink);box-shadow:inset 3px 0 var(--pink)}.weapon-card b{display:block;font-size:11px}.weapon-card small{color:#6c879b;font:8px monospace}.weapon-card:disabled{opacity:.4}
.tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:sticky;top:72px;z-index:15;background:#080d17}.tabbar button{padding:13px 3px;border:0;border-bottom:2px solid #1b2c3c;background:#090f19;color:#607c91;font:700 8px monospace}.tabbar button.active{border-color:var(--cyan);color:var(--cyan);background:#0b1c27}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding:14px}.collection-card{position:relative;min-height:145px;padding:9px;border:1px solid #243e54;background:linear-gradient(#0c1522,#070b12);overflow:hidden}.collection-card.locked{filter:grayscale(1);opacity:.42}.collection-art{display:grid;place-items:center;height:89px;background:radial-gradient(circle,#16475d,transparent 65%)}.collection-art i{width:72px;height:64px;background:var(--item-color,#35e8ff);clip-path:polygon(50% 0,68% 20%,100% 35%,82% 72%,63% 68%,50% 100%,37% 68%,18% 72%,0 35%,32% 20%);box-shadow:0 0 15px var(--item-color)}.collection-card b{display:block;margin-top:7px;font-size:10px}.collection-card small{color:#658296;font:8px monospace}.collection-card.locked b,.collection-card.locked small{color:transparent}.collection-card.locked:after{content:"NO DATA";position:absolute;inset:0;display:grid;place-items:center;color:#566573;font:700 10px monospace}
.settings-list{display:grid;gap:1px;padding:16px}.settings-list label{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:72px;padding:13px;border:1px solid #182e42;background:#0b121d}.settings-list b{font-size:12px}.settings-list small{display:block;margin-top:5px;color:#627e93;font-size:9px}.settings-list input[type=range]{accent-color:var(--cyan);width:140px}.settings-list select{border:1px solid #2c647c;background:#101c29;color:var(--cyan);padding:8px}.settings-list input[type=checkbox]{width:25px;height:25px;accent-color:var(--cyan)}.controls-help{margin:0 16px;padding:14px;border:1px dashed #28506c;color:#6f8fa5;font:10px monospace}.controls-help b{color:var(--cyan)}
.game-screen{background:#000;touch-action:none;user-select:none}.game-screen.active{display:block}.game-screen canvas{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;background:#02040a}.hud{position:absolute;left:0;right:0;top:0;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;padding:calc(var(--safe-top) + 4px) 12px 0;pointer-events:none;text-shadow:1px 2px #000,0 0 8px #000;font-family:monospace}.hud small{display:block;color:#65bed1;font-size:8px;letter-spacing:.1em}.hud b{font-size:14px;color:white}.hud-center{text-align:center}.hud-center span{font-size:9px;color:#93e7ef}.hud-center b{display:block;color:var(--gold);font-style:italic}.hud-life{text-align:right;color:var(--cyan);font-size:11px}.hud-life small{color:#ff95bc}.boss-hud{position:absolute;top:calc(var(--safe-top) + 50px);left:20px;right:20px;transition:.3s;pointer-events:none}.boss-hud.hidden{opacity:0;transform:translateY(-12px)}.boss-hud div{display:flex;align-items:end;justify-content:space-between}.boss-hud small{color:#ff607f;font:700 7px monospace;letter-spacing:.18em}.boss-hud b{font:italic 900 11px monospace}.boss-hud>span{display:block;height:8px;margin-top:4px;border:1px solid #9f334a;background:#230911;padding:1px}.boss-hud i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ff2e5c,#ffb948);box-shadow:0 0 8px #ff375f;transition:width .12s}.warning{position:absolute;left:0;right:0;top:38%;padding:17px 0;text-align:center;border-top:2px solid var(--red);border-bottom:2px solid var(--red);background:repeating-linear-gradient(135deg,#8c112ecc 0 12px,#3d0716dd 12px 24px);box-shadow:0 0 35px #ff285c88;animation:warning .24s steps(2) infinite;pointer-events:none}.warning.hidden{display:none}.warning span{display:block;font:italic 900 44px/.85 Arial;color:white;letter-spacing:.08em;text-shadow:4px 4px #69001c}.warning b{font:700 8px monospace;letter-spacing:.28em;color:#ffd7de}@keyframes warning{50%{filter:brightness(1.5)}}
.game-controls{position:absolute;left:10px;right:10px;bottom:var(--safe-bottom);display:flex;align-items:end;justify-content:space-between;pointer-events:none}.game-controls button{pointer-events:auto;touch-action:manipulation}.skill-btn{position:relative;width:103px;height:55px;border:1px solid #2bdce8;background:#072b3cdd;color:white;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);overflow:hidden}.skill-btn span,.bomb-btn span{display:block;color:#77eaf2;font:700 7px monospace;letter-spacing:.15em}.skill-btn b,.bomb-btn b{font:900 13px monospace}.skill-btn i{position:absolute;left:0;bottom:0;width:100%;height:4px;background:var(--cyan);box-shadow:0 0 7px var(--cyan)}.bomb-btn{width:76px;height:76px;margin-left:auto;margin-right:9px;border:2px solid #ff4b8c;background:radial-gradient(circle,#9e174edb,#27081be8);border-radius:50%;box-shadow:0 0 18px #ff278266,inset 0 0 15px #ff5fa766}.bomb-btn span{color:#ff9ec2}.pause-btn{align-self:start;width:41px;height:41px;border:1px solid #5d7890;background:#0a1420cc;color:#bce9ef}.game-message{position:absolute;top:23%;left:10%;right:10%;text-align:center;font:italic 900 24px monospace;color:white;text-shadow:0 0 13px var(--cyan),3px 3px #05445e;pointer-events:none}.game-message.hidden{display:none}
.modal{position:absolute;z-index:90;inset:0;display:grid;place-items:center;padding:24px;background:#01040bd9;backdrop-filter:blur(4px)}.modal.hidden{display:none}.modal-card{width:100%;max-width:390px;padding:24px 20px;border:1px solid #2fd6e7;background:linear-gradient(145deg,#0d1c2c,#060a11 66%);box-shadow:0 0 40px #12a9d344;clip-path:polygon(0 16px,16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);text-align:center}.modal-card .eyebrow{margin:0}.modal-card h2{font-size:29px;margin:10px 0}.modal-card p{color:#88a3b6;font-size:11px;line-height:1.7}.modal-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:14px 0}.modal-stats div{padding:10px;border:1px solid #203c52;background:#07101a}.modal-stats small{display:block;color:#5f849b;font:8px monospace}.modal-stats b{color:var(--gold);font:700 16px monospace}.modal-actions{display:grid;gap:8px}.toast{position:absolute;z-index:100;left:20px;right:20px;bottom:calc(25px + var(--safe-bottom));padding:12px;border:1px solid var(--cyan);background:#071522ed;text-align:center;color:white;font:700 10px monospace;box-shadow:0 0 20px #1bd7eb55}.toast.hidden{display:none}
@media (min-width:700px){#app{border-radius:8px}.menu-screen::-webkit-scrollbar{width:5px}.menu-screen::-webkit-scrollbar-thumb{background:#1c607c}}
@media (max-height:680px){.hero-panel{min-height:130px;margin-top:10px;margin-bottom:10px}.craft-preview{width:100px;height:100px}.mission-card{min-height:64px}.mode-strip{padding-top:7px}.title-emblem{width:130px;height:74px;margin-bottom:8px}.title-jp{margin:11px 0}.pilot-card{margin-bottom:10px}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important}}