*{box-sizing:border-box}html,body{margin:0;background:#020307;color:#eefaff;font-family:Arial,sans-serif;overflow:hidden}.game-shell{height:100vh;display:grid;grid-template-rows:54px 50px 1fr 50px;background:#020307;position:relative}header,.hud,.controls{display:flex;align-items:center;border-color:#19313a;background:#071016;z-index:3}header{justify-content:space-between;padding:0 18px;border-bottom:1px solid #23404a}header a,header button,.controls button{color:#c8f6ff;background:#071016;border:1px solid #315562;padding:9px 13px;text-decoration:none;font-weight:800;letter-spacing:.08em}header div{text-align:center}header b{display:block;letter-spacing:.18em}header span{font-size:10px;color:#75e7ff;letter-spacing:.14em}.hud{justify-content:space-around;border-bottom:1px solid #19313a;font-size:11px;letter-spacing:.12em;gap:14px;padding:0 12px}.hud b{color:#ffe34d;font-size:16px;margin-left:7px}.energyHud{display:flex;align-items:center;gap:8px;min-width:190px}.energyHud>span:first-child{white-space:nowrap}.energyTrack{width:112px;height:10px;border:1px solid #315562;background:#02070a;overflow:hidden;border-radius:7px}.energyFill{height:100%;width:100%;background:linear-gradient(90deg,#35e9ff,#9cff55);box-shadow:0 0 12px rgba(70,245,255,.65);transition:width .08s linear}.energyFill.low{background:linear-gradient(90deg,#ff3c43,#ffbd38);box-shadow:0 0 12px rgba(255,72,72,.7)}#energyText{font-size:11px!important;color:#8ffcff!important;margin-left:0!important;min-width:34px}#game{display:block;width:100%;height:100%;min-height:0;touch-action:none}.controls{justify-content:space-between;padding:0 16px;border-top:1px solid #19313a;color:#7ca2ad;font-size:11px}.overlay{position:absolute;inset:104px 0 50px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 70%,rgba(82,0,122,.45),rgba(0,0,0,.9));z-index:4;text-align:center}.overlay>div{max-width:650px;padding:35px}.overlay p:first-child{color:#b946ff;letter-spacing:.18em;font-weight:900}.overlay h1{font-size:72px;line-height:.8;margin:16px 0;text-shadow:0 0 30px #8027ff}.overlay em{color:#bc43ff;font-style:normal}.overlay p{line-height:1.5;color:#c9d7dc}.overlay button{margin:15px;padding:16px 28px;background:#a51cff;color:white;border:1px solid #e088ff;font-size:18px;font-weight:900}.overlay small{display:block;color:#71eaff;letter-spacing:.12em;line-height:1.6}.hidden{display:none}.touch-controls{display:none;position:absolute;left:0;right:0;bottom:58px;z-index:5;pointer-events:none;justify-content:space-between;align-items:end;padding:0 14px}.touch-controls button{pointer-events:auto;width:72px;height:58px;border:1px solid #3c6878;background:rgba(4,15,21,.82);color:#d9fbff;font-weight:900;font-size:22px;border-radius:10px;box-shadow:0 0 18px rgba(61,213,255,.12)}.touch-controls #touchBoost{width:105px;color:#ffe34d;border-color:#9f7f1d;font-size:14px;letter-spacing:.08em}.touch-controls button:active{transform:scale(.97);background:rgba(23,65,78,.9)}
@media(max-width:780px),(pointer:coarse){.game-shell{grid-template-rows:48px 72px 1fr 44px}.overlay{inset:120px 0 44px}.overlay h1{font-size:46px}.controls span:nth-child(2){display:none}.hud{font-size:8px;flex-wrap:wrap;align-content:center;gap:4px 10px}.hud b{font-size:12px}.energyHud{min-width:150px}.energyTrack{width:82px}header span{display:none}.touch-controls{display:flex}.controls span:first-child{font-size:9px}.controls{padding:0 8px}}
.ammoHud{display:flex;align-items:center;gap:8px}.ammoHud b{color:#ffd94a}.touch-controls{gap:8px}.touch-controls #touchShoot{min-width:90px;background:linear-gradient(#d92d38,#7b1119);color:white}
.beamHud b{color:#9dffef}.touch-controls #touchBeam{min-width:90px;background:linear-gradient(#26a88d,#0c4c48);color:white;border-color:#57ffe0}.powerFlash{animation:powerPulse .55s infinite alternate}@keyframes powerPulse{to{filter:brightness(1.55)}}
@media(max-width:900px),(pointer:coarse){.touch-controls button{width:58px}.touch-controls #touchBoost{width:82px}.touch-controls #touchShoot,.touch-controls #touchBeam{min-width:72px;font-size:12px}.hud{gap:3px 8px}}