:root{color-scheme:dark;--cream:#ffffef;--cyan:#72ecfb;--pink:#ff96d8;--gold:#ffe39b}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:ui-rounded,system-ui,-apple-system,'Arial Rounded MT Bold',sans-serif}body{background:#0c1537;color:#fff}#app{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;touch-action:none;user-select:none}#arena{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}button{cursor:pointer;font:inherit;touch-action:manipulation}button:focus-visible{outline:3px solid #fff7b8;outline-offset:3px}#hud{position:absolute;top:max(8px,env(safe-area-inset-top));left:10px;right:10px;z-index:4;display:flex;gap:8px;align-items:flex-start;pointer-events:none}.hudLeft,.hudCenter,.hudButtons{border:1px solid #b7f7ff40;border-radius:15px;background:#101d46d8;box-shadow:0 12px 36px #080d3275;backdrop-filter:blur(10px)}.hudLeft{width:210px;max-width:28%;padding:10px 12px}.eyebrow{font-weight:950;font-size:10px;letter-spacing:.11em;color:#93eefe;white-space:nowrap}.eyebrow b{color:#ffd0fa}.base{font-size:10px;letter-spacing:.12em;color:#bce9ff;margin-top:7px}.base strong{font-size:16px;color:#fff;padding-left:7px}.progress{height:7px;background:#53678ca8;border-radius:9px;overflow:hidden;margin-top:4px}.progress span{display:block;width:100%;height:100%;border-radius:8px;background:linear-gradient(90deg,#6af1ef,#b2ffd7);transition:width .12s}.hudCenter{flex:1;min-width:0;padding:7px 10px;text-align:center}.metrics{display:flex;gap:10px;justify-content:space-around}.metrics div{display:flex;flex-direction:column;align-items:center;min-width:0}.metrics small{font-weight:950;font-size:9px;letter-spacing:.1em;color:#b9d9ff}.metrics b{font-size:clamp(15px,2.4vw,27px);font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff}.metrics div:nth-child(2) b{color:#ffb5e6}.metrics div:nth-child(3) b{color:#ffe39b}#status{font-size:10px;color:#a7effd;letter-spacing:.08em;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.hudButtons{display:flex;gap:2px;padding:5px;pointer-events:auto}.hudButtons button{border:none;background:#ffffff15;color:#fff;width:35px;height:34px;border-radius:9px;font-size:19px;font-weight:900}.hudButtons button:active{background:#b9f7ff50}#bossHUD{position:absolute;top:101px;left:50%;transform:translateX(-50%);z-index:4;width:min(320px,60%);text-align:center;font-size:11px;letter-spacing:.12em;font-weight:950;color:#ffdc98;text-shadow:0 2px 5px #1f123b}#bossHUD[hidden]{display:none}#bossHUD .progress{height:9px;background:#2b2041}#bossFill{background:linear-gradient(90deg,#ff8ab7,#ffd274)}#bottomHUD{position:absolute;bottom:max(13px,env(safe-area-inset-bottom));left:13px;right:13px;z-index:4;display:flex;align-items:end;gap:10px;pointer-events:none}#ammoLabel,#energy{border:1px solid #ccefff4f;border-radius:12px;background:#142452de;box-shadow:0 5px 18px #10152d6b;padding:9px 12px;font-size:10px;letter-spacing:.07em;font-weight:1000;color:#c7f4ff}#ammoLabel b{color:#ffe29b;padding-left:5px}#energy{display:flex;align-items:center;gap:7px;margin-left:auto;margin-right:105px}#energy .progress{width:min(125px,13vw);margin:0}#energy b{font-size:12px;color:#fff}#superFill{width:0;background:linear-gradient(90deg,#80e8ff,#dc9fff,#ffe39f)}#superBtn{position:absolute;z-index:5;right:19px;bottom:75px;width:95px;height:95px;border:3px solid #fff9;border-radius:50%;background:radial-gradient(circle at 30% 15%,#9feaff,#9560c6 55%,#ef8dc3);color:#fff;box-shadow:0 0 26px #a875fb8c,inset 0 2px 14px #fff7;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1.02;transition:transform .1s,filter .2s}#superBtn>b{font-size:22px}#superBtn span{font-size:9px;font-weight:1000;letter-spacing:.08em}#superBtn small{font-size:9px;font-weight:950;margin-top:4px}#superBtn[aria-disabled=true]{filter:saturate(.56);opacity:.72}#superBtn.ready{animation:superPulse .85s infinite alternate}#superBtn:active{transform:scale(.91)}@keyframes superPulse{to{box-shadow:0 0 38px #fff3ac,inset 0 2px 17px #fff7;transform:scale(1.045)}}#overlay{position:absolute;inset:0;z-index:7;display:flex;justify-content:center;align-items:center;padding:16px;background:#0715397c;backdrop-filter:blur(7px)}#overlay.hidden{display:none}.panel{position:relative;width:min(680px,100%);max-height:95dvh;overflow-y:auto;text-align:center;border:2px solid #f6fcff8c;border-radius:27px;background:linear-gradient(145deg,#152b65f4,#23316ff0 54%,#422b78f3);box-shadow:0 15px 70px #020824d0;padding:clamp(16px,3vw,28px)}.panel:before{content:'✦';position:absolute;right:20px;top:8px;font-size:40px;color:#ffffff45}.eyelabel{font-size:11px;font-weight:950;letter-spacing:.17em;color:#9cefff}.panel h1{font-size:clamp(30px,5vw,65px);letter-spacing:-.035em;line-height:.96;margin:10px 0;text-shadow:0 5px 26px #f4a0e16e;color:#fff}.panel h1 span{display:block;color:#ffb5e5;font-size:.53em;margin-top:7px;letter-spacing:.065em}.panel h2{font-size:clamp(24px,4vw,40px);margin:14px 0;color:#ffeab5}.panel p{font-size:13px;line-height:1.55;color:#d4ecff;margin:12px auto;max-width:550px}.featureStrip{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:14px auto}.featureStrip span{padding:7px 12px;border-radius:100px;background:#ffffff20;font-size:10px;font-weight:900;color:#dcfaff}.btnMain,.btnAlt{border:0;border-radius:14px;padding:14px 24px;font-weight:1000;letter-spacing:.05em;min-height:46px}.btnMain{background:linear-gradient(110deg,#7ce9fa,#d2a7ff,#ffe4a2);color:#1b315d;box-shadow:0 8px 23px #68defb67}.btnMain:active,.btnAlt:active{transform:scale(.97)}.btnAlt{background:#ffffff1b;border:1px solid #ffffff6a;color:#fff}.panelFooter{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:16px}.instruction{font-size:11px!important;color:#91eaf9!important;font-weight:950}.upgradeGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.upgrade{border:2px solid #ffffff44;background:linear-gradient(165deg,#365495,#58427e);color:white;border-radius:17px;padding:14px 8px;display:flex;align-items:center;flex-direction:column;gap:8px;min-height:170px}.upgrade:hover,.upgrade:focus-visible{border-color:#ffe8a2;background:linear-gradient(165deg,#426cb0,#78539f)}.upgrade b{font-size:12px;color:#ffeab9}.upgrade i{font-size:35px;font-style:normal}.upgrade small{font-size:10px;line-height:1.35;color:#cde9ff}.scoreBig{font-size:clamp(35px,7vw,65px);color:#fff2b1;font-variant-numeric:tabular-nums;font-weight:1000}.resultGrid{display:flex;justify-content:center;gap:30px;font-size:12px;color:#bfe9fa;margin:15px}.resultGrid strong{display:block;font-size:24px;color:#fff}#flashLayer{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0;background:#e1e2ff}
@media(max-width:650px){#hud{left:5px;right:5px;gap:4px;top:max(5px,env(safe-area-inset-top))}.hudLeft{width:105px;max-width:28%;padding:7px 6px}.eyebrow{font-size:7px;letter-spacing:0}.base{font-size:8px;margin-top:5px}.base strong{font-size:12px}.hudCenter{padding:5px}.metrics{gap:3px}.metrics small{font-size:7px}.metrics b{font-size:clamp(12px,3.3vw,19px)}#status{font-size:7px}.hudButtons{padding:2px;gap:0}.hudButtons button{width:27px;height:31px;font-size:15px}#bossHUD{top:73px}#bottomHUD{bottom:max(7px,env(safe-area-inset-bottom));left:6px;right:6px;gap:5px}#ammoLabel,#energy{padding:7px;font-size:8px;border-radius:8px}#energy{margin-right:80px}#energy .progress{width:40px}#superBtn{right:11px;bottom:69px;width:77px;height:77px}#superBtn>b{font-size:18px}#superBtn span{font-size:7px}#superBtn small{font-size:7px}.panel{padding:16px 12px}.upgradeGrid{gap:5px}.upgrade{min-height:149px;padding:9px 4px}.upgrade i{font-size:27px}.upgrade b{font-size:10px}.upgrade small{font-size:9px}.panel p{font-size:11px}.resultGrid{gap:17px}}
@media(max-width:355px){.hudLeft{max-width:29%}.hudButtons button{width:23px}#status{display:none}#energy{display:none}#ammoLabel{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* V5: warm classic-arcade flight HUD, not a cosmic neon theme. */
:root{--cream:#fff6d5;--cyan:#d0f5e7;--pink:#eead82;--gold:#ffd36f}
body{background:#6b997a}
.hudLeft,.hudCenter,.hudButtons,#ammoLabel,#energy{
 background:linear-gradient(140deg,#2c513ddd,#304c50ed);
 border:1px solid #eedfaeaa;
 box-shadow:0 5px 18px #1a3d3690,inset 0 1px 1px #ffffff52;
}
#hud{top:max(6px,env(safe-area-inset-top))}
.eyebrow,.metrics small,#status,.base{color:#fff1c3}
.eyebrow b,.metrics div:nth-child(2) b{color:#ffd487}
.metrics div:nth-child(3) b{color:#f0ee9a}
#ammoLabel{color:#fff4d4;border-radius:12px;pointer-events:auto;cursor:pointer;text-align:left;min-height:37px;white-space:nowrap}
#ammoLabel b{color:#ffd56c}
#ammoLabel:active{background:#4d7262}
.progress{background:#162f2e77}
.progress span{background:linear-gradient(90deg,#fee19b,#b9f3ae)}
#superBtn{background:radial-gradient(circle at 34% 20%,#f6e7a3,#d79a66 50%,#93653d);
 border-color:#fff2c3;box-shadow:0 4px 18px #6c472888,inset 0 1px 10px #fff8}
#superFill{background:linear-gradient(90deg,#7edeb2,#ffe68a)}
#overlay{background:#1c3b2da6}
.panel{background:linear-gradient(145deg,#284e43f2,#496a53f4 60%,#715b47f1);
 border-color:#ffeac1e0;box-shadow:0 15px 45px #152a25bd}
.panel:before{color:#ffe4a052}
.panel h1{color:#fff6d8;text-shadow:0 4px 15px #384e306f}
.panel h1 span,.panel h2{color:#ffe09a}
.panel p,.upgrade small{color:#f5f0d9}
.eyelabel,.instruction{color:#fff0ba!important}
.featureStrip span{background:#f2e9c52b;color:#fdf0c4}
.btnMain{background:linear-gradient(110deg,#ffe8aa,#ecce81,#e7a76d);color:#4b4935;box-shadow:0 8px 18px #423c1c6c}
.btnAlt{background:#f6e8ca26;color:#fff6d8}
.upgrade{background:linear-gradient(145deg,#496b52,#617047);border-color:#fff2bf65}
#bottomHUD{z-index:5}
@media(max-width:650px){#ammoLabel{font-size:8px;min-width:125px}}

/* V6: keep the super button away from the player's lower flight rail.
   A finger may travel across the complete canvas without crossing a control. */
#superBtn{top:112px;bottom:auto;right:13px;width:83px;height:83px}
#energy{margin-right:0}
#ammoLabel{touch-action:manipulation}
#arena{-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:contain}
@media(max-width:650px){
 #superBtn{top:max(108px,calc(env(safe-area-inset-top) + 98px));bottom:auto;right:9px;width:68px;height:68px}
 #superBtn>b{font-size:16px}
 #superBtn span{font-size:7px}
 #superBtn small{font-size:7px}
 #energy{margin-right:0}
 #bottomHUD{right:8px}
 #energy .progress{min-width:42px}
}

/* V7: fixed single straight weapon, no clickable mode control */
#ammoLabel{cursor:default;pointer-events:none}