@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');

:root{color-scheme:dark;font-family:'Chakra Petch','Noto Sans SC',system-ui,sans-serif;background:#050816;color:#eaf7ff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 10%,#15285a 0,#050816 48%,#02030b 100%)}button{font:inherit;color:inherit;cursor:pointer}.app-shell{min-height:100dvh;display:grid;place-items:center;position:relative;overflow:hidden}.game-frame{position:relative;width:min(100vw,calc(100dvh * .462));height:min(100dvh,calc(100vw * 2.165));max-width:510px;max-height:1105px;overflow:hidden;background:#060b20;box-shadow:0 0 0 1px #294d8666,0 0 50px #399dff30,0 30px 90px #000a;border-radius:clamp(0px,1.3vw,18px)}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.ambient{position:absolute;width:55vmax;height:55vmax;border-radius:50%;filter:blur(80px);opacity:.18;pointer-events:none}.ambient-a{background:#704dff;top:-25vmax;left:-20vmax}.ambient-b{background:#00b9ff;right:-24vmax;bottom:-30vmax}.hidden{display:none!important}.overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:26px;background:linear-gradient(180deg,#06102780,#030611d9);backdrop-filter:blur(8px)}.menu-overlay{text-align:center;background:linear-gradient(180deg,#05081636,#050816c9 78%,#050816ef)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#5ce1ff;text-transform:uppercase}.menu-overlay h1{margin:17px 0 0;font-size:clamp(52px,13vw,68px);font-weight:700;line-height:.9;letter-spacing:-5px;text-shadow:0 0 25px #46dfff99}.menu-overlay h1 span{color:#a384ff}.subtitle{margin:13px 0;color:#ff4e8a;font-size:11px;letter-spacing:7px;font-weight:700}.ship-sigil{width:104px;height:104px;margin:32px auto 20px;display:grid;place-items:center;border:1px solid #51cfff99;border-radius:50%;font-size:53px;color:#d9f8ff;box-shadow:inset 0 0 35px #326eff40,0 0 28px #26caff55;text-shadow:0 0 22px #74e7ff;position:relative}.ship-sigil:before,.ship-sigil:after{content:'';position:absolute;background:#68ddff}.ship-sigil:before{width:1px;height:126px}.ship-sigil:after{height:1px;width:126px}.intro{font-family:'Noto Sans SC',sans-serif;font-size:13px;line-height:1.8;color:#b7cae8;margin:0 0 25px}.primary-button,.secondary-button{border:0;min-width:190px;padding:13px 19px;font-weight:700;letter-spacing:1px;transition:.2s}.primary-button{background:linear-gradient(100deg,#2fd9ff,#6873ff);color:#03101e;box-shadow:0 0 24px #31d9ff77}.primary-button:hover{filter:brightness(1.18);transform:translateY(-2px)}.primary-button span{margin-left:16px;font-size:20px;line-height:0}.secondary-button{margin-top:12px;background:#21346180;border:1px solid #71cbff66}.text-button{border:0;background:transparent;color:#a7b9d6;font-size:12px;padding:12px;text-decoration:underline;text-underline-offset:4px}.record-grid{display:flex;justify-content:center;gap:1px;margin:28px auto 6px;max-width:310px;background:#7cc7ff33}.record-grid div{flex:1;background:#08122af2;padding:9px 6px}.record-grid small,.score-box small{display:block;color:#7f98be;font-size:8px;letter-spacing:1px}.record-grid b{display:block;color:#e3f8ff;font-size:14px;margin-top:4px}.hud{position:absolute;inset:0;z-index:5;padding:13px;pointer-events:none;text-shadow:0 1px 4px #000}.topbar,.stat-row,.bottom-hud{display:flex;align-items:center;justify-content:space-between;gap:8px}.icon-button{pointer-events:auto;width:28px;height:28px;border:1px solid #6fd8ff77;background:#07142dbb;color:#bcefff}.mission-label{font-size:9px;letter-spacing:.7px;color:#a9c7e7;flex:1}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5cf4d2;margin-right:6px;box-shadow:0 0 8px #5cf4d2}.mono{font-size:11px;color:#bdefff}.stat-row{align-items:flex-start;margin-top:11px}.vitals{width:155px}.bar-label{display:flex;justify-content:space-between;color:#d7e8ff;font-size:8px;letter-spacing:.7px}.shield-label{margin-top:5px;color:#79ffcd}.bar{height:5px;background:#122143;border:1px solid #4c75a077;margin-top:3px}.bar i,.boss-bar i,.exp-bar i{display:block;height:100%;width:100%;transition:width .18s ease}.hp-bar i{background:linear-gradient(90deg,#ff4068,#ff9c6b);box-shadow:0 0 8px #ff3b6b}.shield-bar i{background:linear-gradient(90deg,#2bf3b9,#53d8ff);box-shadow:0 0 8px #53e2ff}.score-box{text-align:right}.score-box strong{display:block;font-size:17px;color:#f2fcff;letter-spacing:1px}.score-box span{font-size:9px;color:#ffd166}.boss-hud{position:absolute;top:88px;left:42px;right:42px;font-size:9px;letter-spacing:1.5px;color:#ffb6c6}.boss-hud>div:first-child{display:flex;justify-content:space-between;margin-bottom:4px}.boss-bar{height:7px;border:1px solid #ff6a8c;background:#351029}.boss-bar i{background:linear-gradient(90deg,#ff416c,#ffba6b);box-shadow:0 0 11px #ff456d}.bottom-hud{position:absolute;left:13px;right:13px;bottom:13px;align-items:flex-end}.ability-button{pointer-events:auto;width:72px;height:49px;border:1px solid #4f86b4aa;background:#091631d9;padding:5px;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.ability-button b{font-size:9px;color:#75dfff}.ability-button span{font-size:7px;letter-spacing:.3px;color:#bdcdeb}.ability-button em{align-self:flex-end;margin-top:-16px;font-size:11px;color:#fff;font-style:normal}.bomb-button{border-color:#ff627d99}.bomb-button b{color:#ff728c}.dash-button{border-color:#9a7aff99}.dash-button b{color:#b599ff}.exp-wrap{flex:1;text-align:center;margin:0 5px}.level{font-size:10px;color:#90abce}.level b{font-size:17px;color:#eaffff}.exp-bar{height:6px;margin-top:3px;border:1px solid #5a83b499;background:#08152d}.exp-bar i{background:linear-gradient(90deg,#7f5cff,#35dfff);box-shadow:0 0 10px #4bdbff}.exp-wrap>span{font-size:8px;color:#90a9ce}.panel,.upgrade-panel{width:min(100%,355px);padding:29px 24px;background:linear-gradient(145deg,#101d3fef,#080d24f5);border:1px solid #5edbff88;box-shadow:0 0 40px #2d91ff35, inset 0 0 35px #6754ff13;text-align:center;position:relative}.panel h2,.upgrade-panel h2{margin:12px 0 6px;font-size:27px}.panel p,.upgrade-panel>p{font-family:'Noto Sans SC',sans-serif;font-size:12px;color:#a9bddb;line-height:1.7}.close-button{position:absolute;right:10px;top:7px;border:0;background:none;color:#93c8f2;font-size:26px}.controls{text-align:left;border-top:1px solid #5edbff33;margin:20px 0 13px}.controls div{padding:10px 0;border-bottom:1px solid #5edbff22;display:flex;flex-direction:column;gap:3px}.controls b{color:#78e7ff;font-size:12px}.controls span{font-family:'Noto Sans SC',sans-serif;color:#b2c2dd;font-size:11px}.tip{color:#ffd97b!important}.upgrade-panel{width:min(100%,390px);padding:26px 16px}.upgrade-panel h2{font-size:24px}.upgrade-cards{display:grid;gap:9px;margin-top:19px}.upgrade-card{border:1px solid #5c8fc3aa;background:linear-gradient(100deg,#10284c,#18205a);text-align:left;padding:12px 13px;display:grid;grid-template-columns:34px 1fr;gap:10px;position:relative;transition:.16s}.upgrade-card:hover{transform:translateX(4px);border-color:#63e5ff;box-shadow:0 0 18px #4bdcff44}.upgrade-card .key{display:grid;place-items:center;border:1px solid #75dfff77;color:#b6f4ff;font-size:13px}.upgrade-card h3{margin:0;font-size:14px}.upgrade-card p{font-family:'Noto Sans SC',sans-serif;margin:4px 0 0;color:#b4c7e8;font-size:10px;line-height:1.45}.upgrade-card .rarity{position:absolute;right:10px;top:9px;font-size:8px;letter-spacing:1px;color:#93c1e6}.upgrade-card.rare{border-color:#a68bff}.upgrade-card.rare .key,.upgrade-card.rare .rarity{color:#c6b0ff;border-color:#ac8fff}.upgrade-card.epic{border-color:#ffcf6d;background:linear-gradient(100deg,#3f2645,#25204d)}.upgrade-card.epic .key,.upgrade-card.epic .rarity{color:#ffe1a2;border-color:#ffd36d}.compact{padding-bottom:22px}.compact .primary-button{margin-top:18px}.settings{margin-top:18px;display:flex;justify-content:center;gap:13px;color:#9bb3d4;font-family:'Noto Sans SC',sans-serif;font-size:10px}.settings input{accent-color:#51dcff}.result-stats{margin:22px 0;display:grid;grid-template-columns:1fr 1fr;border:1px solid #74caff44}.result-stats div{padding:12px;border:1px solid #74caff22}.result-stats span{display:block;color:#8ea7c9;font-size:9px}.result-stats b{display:block;margin-top:4px;font-size:16px;color:#eaffff}.toast{position:absolute;left:50%;top:33%;z-index:20;transform:translate(-50%,-50%) translateY(5px);color:#eaffff;font-size:12px;letter-spacing:2px;opacity:0;transition:.2s;white-space:nowrap;text-shadow:0 0 12px #39d9ff}.toast.show{opacity:1;transform:translate(-50%,-50%)}@media(max-width:520px){.game-frame{border-radius:0}.menu-overlay h1{font-size:62px}.hud{padding:11px}.bottom-hud{left:11px;right:11px;bottom:11px}}