.wrap{border:1px solid #3d5d66;background:#061116;box-shadow:0 18px 55px #0009,0 0 0 1px #071820}
.top{padding:13px 16px;background:linear-gradient(110deg,#10262d,#071115);border-bottom:1px solid #486166}
.title{letter-spacing:1px}.title b{color:#dcff00;text-shadow:0 0 18px #bbff0066}
.pill{border-radius:6px;background:linear-gradient(#18333b,#0a1b20);border:1px solid #39535d;color:#96b1bc;font-size:11px;letter-spacing:.7px}
.pill span{font-size:17px;color:#f4ffe7;margin-left:4px;font-variant-numeric:tabular-nums}
.game{isolation:isolate;background:linear-gradient(#07121a22,#030b1433),url('/game/arena-v57.png') center center/cover no-repeat}
.game::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 40%,#010811a8 100%);z-index:1}
.game::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#8bcbd308 40%,transparent 55%);animation:arenaMist 16s ease-in-out infinite alternate;z-index:1}
.grid{opacity:.035}.target{z-index:4;filter:drop-shadow(0 8px 5px #0009) drop-shadow(0 0 2px #b5e9f866);will-change:left}
.boss{z-index:5;filter:drop-shadow(0 12px 8px #000b) drop-shadow(0 0 7px #ff502b55)}
.bossbar{height:7px;box-shadow:0 0 9px #ff313155}.bossbar>i{background:linear-gradient(90deg,#ff5437,#ffb342);transition:width .12s}
.launcher{filter:drop-shadow(0 10px 10px #000a) drop-shadow(0 0 3px #b5daef44)}
.hudmsg{z-index:13;top:12px;width:calc(100% - 24px);font-size:12px;letter-spacing:.8px;color:#dfedf4}
.upgradeHud{top:42px}.upgradeHud>span{background:#06131bcc;border:1px solid #44647188;border-radius:5px;padding:6px 9px;backdrop-filter:blur(5px)}
.upgradeHud>span:empty{display:none}#comboLabel{color:#e0ff67}.waveRest{box-shadow:0 0 18px #b6ff0022}
.rocket{height:12px;width:39px;background:linear-gradient(#f5f9d4,#7f9796 45%,#233d43 65%,#bccb99);border:1px solid #d6e6a6;border-radius:4px 12px 12px 4px;box-shadow:0 0 7px #ffffbfaa}
.rocket::before{content:"";position:absolute;right:100%;top:-3px;width:55px;height:16px;background:linear-gradient(90deg,transparent,#ff630077,#ffe768,#fff);clip-path:polygon(0 50%,78% 0,100% 35%,100% 65%,78% 100%);filter:drop-shadow(0 0 5px #ffb52d)}
.rocket::after{content:"";position:absolute;right:calc(100% + 30px);top:3px;width:65px;height:4px;background:linear-gradient(90deg,transparent,#ffc96266)}
.wolfpack{background:linear-gradient(#fff,#e8ff6d,#83bb16);box-shadow:0 0 6px #fff,0 0 16px #b9ff00;border-radius:50%}
.wolfpack::before{content:"";position:absolute;right:70%;top:3px;width:36px;height:5px;background:linear-gradient(90deg,transparent,#d5ff59)}
.boom{border:2px solid #fff1a2;background:radial-gradient(circle,#fff 0 9%,#ffed9a 15%,#ffac26 30%,#ff632a88 47%,transparent 65%);box-shadow:0 0 16px #ffe582,0 0 40px #ff8a2a99;animation:impactBurst .38s ease-out forwards}
.boom::before{content:"";position:absolute;inset:-10px;border:2px solid #ffe5a899;border-radius:50%;animation:shockRing .4s ease-out forwards}
.boom::after{content:"";position:absolute;left:23px;top:23px;width:4px;height:4px;background:#fff7c2;box-shadow:22px 10px #ffd358,-25px 18px #fff3a8,8px -24px #ffda6b,-16px -16px #ffb045,30px -14px #ffe7b3;animation:impactSparks .4s ease-out forwards}
.float{font-size:14px;letter-spacing:.3px;text-shadow:0 2px 3px #000,0 0 10px #000;white-space:nowrap}
.bossShot{background:radial-gradient(circle,#fff4c5 0 15%,#ff8b51 30%,#ff293b 65%);border:1px solid #ffa38c;box-shadow:0 0 8px #ff7945,0 0 24px #ff364999}
.playerHitFlash{background:radial-gradient(ellipse,transparent 35%,#ff1d2b88 100%)}
.muzzleFlash{position:absolute;left:319px;bottom:115px;width:48px;height:34px;z-index:9;pointer-events:none;background:radial-gradient(ellipse,#fffbd7 0 15%,#ffed71 28%,#ffa32888 50%,transparent 72%);animation:muzzlePop .14s ease-out forwards}
.startOverlay{background:linear-gradient(#030a1033,#030a1088);backdrop-filter:blur(2px)}
.startCard{max-width:520px;margin:16px;padding:30px;border:1px solid #718d55;background:linear-gradient(145deg,#10272bef,#061115f5);box-shadow:0 20px 70px #000a,inset 0 1px #ccff0044}
.startCard h2{color:#edffbd;letter-spacing:1px}.startCard p{line-height:1.5}
.startCard button{border-radius:6px;background:linear-gradient(#e3ff50,#a9db00);box-shadow:0 0 25px #c9ff0033;letter-spacing:1px}
.controls{background:#0a171c}.hint{line-height:1.5;color:#9db4bd}
.pickup{background:linear-gradient(145deg,#25454b,#09181c);border-color:#d6ff62;box-shadow:0 0 20px #cfff0033;animation:pickupGlow 1.3s ease-in-out infinite alternate}
@keyframes arenaMist{from{opacity:.35;transform:translateX(-3%)}to{opacity:.85;transform:translateX(3%)}}
@keyframes impactBurst{0%{transform:scale(.4);opacity:1}40%{opacity:1}100%{transform:scale(2.3);opacity:0}}
@keyframes shockRing{to{transform:scale(1.7);opacity:0}}
@keyframes impactSparks{to{transform:scale(2.5) rotate(18deg);opacity:0}}
@keyframes muzzlePop{from{transform:scale(.7);opacity:1}to{transform:scale(1.6);opacity:0}}
@keyframes pickupGlow{to{box-shadow:0 0 28px #cfff0066;filter:brightness(1.12)}}
@media(max-width:500px){.top{padding:10px}.title{font-size:12px}.pill span{font-size:14px}.upgradeHud{top:48px;font-size:9px}.upgradeHud>span{padding:5px}.startCard{padding:22px}.startCard h2{font-size:23px}.hudmsg{font-size:10px}}
@media(prefers-reduced-motion:reduce){.game::after,.pickup{animation:none}.boom,.boom::before,.boom::after,.muzzleFlash{animation-duration:.08s}}
.target{background-size:auto 100%}
.superControls{display:flex;align-items:center;gap:14px;padding:10px 14px;background:linear-gradient(110deg,#1a2923,#071719);border-top:1px solid #88aa3255}
#superButton{min-width:245px;color:#eaffaa;background:#1b352d;border:1px solid #a0c83a;letter-spacing:.5px}
#superButton:not(:disabled){color:#091200;background:linear-gradient(#eeff63,#abd700);box-shadow:0 0 22px #caff0044}
#superMeter{width:100%;height:16px;accent-color:#cfff00}
.superBlast{position:absolute;inset:0;z-index:20;pointer-events:none;background:radial-gradient(circle at 30% 65%,#ffffd3bb 0,#d9ff0055 25%,#72ffa51a 50%,transparent 70%);animation:copiumDetonate .65s ease-out forwards}
.superBlast::after{content:"COPIUM BOMB";position:absolute;top:40%;width:100%;text-align:center;color:#f0ffc7;font-size:clamp(22px,5vw,54px);font-weight:1000;letter-spacing:5px;text-shadow:0 2px 10px #092012}
@keyframes copiumDetonate{from{transform:scale(.3);opacity:1}to{transform:scale(1.4);opacity:0}}
@media(max-width:550px){.superControls{flex-direction:column;gap:6px}#superButton{width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){.superBlast{animation-duration:.1s}}

.launcher{background:none;transform:rotate(-7deg);transform-origin:80px 104px;will-change:transform}
.launcher::before{content:"";position:absolute;inset:0;background:url('/game/launcher-v57.png') center/contain no-repeat;transform:scaleX(-1)}
.muzzleFlash{bottom:auto}