*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050918;color:#d8ecff;font-family:Consolas,monospace}body{padding:clamp(8px,2vw,24px);background:radial-gradient(ellipse at top,#182845,#050918 70%)}header,main,footer{max-width:1200px;margin:auto}header{display:flex;justify-content:space-between;align-items:baseline;gap:12px}h1{font-size:clamp(20px,4vw,34px);letter-spacing:.22em;color:#8cebe9;text-shadow:0 0 20px #38bed777}header p,footer{font-size:clamp(9px,1.4vw,12px);color:#9cb2cc;letter-spacing:.06em}#stage{position:relative;aspect-ratio:16/9;border:2px solid #385b75;box-shadow:0 0 0 5px #101a2b,0 12px 40px #0008;overflow:hidden;touch-action:none}canvas{width:100%;height:100%;display:block;image-rendering:pixelated;touch-action:none}#fullscreen{position:absolute;right:10px;top:10px;background:#08182bc9;border:1px solid #6f9ab5;color:#def6ff;border-radius:3px;font-size:23px;width:38px;height:38px;cursor:pointer}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:20px}select{background:#15263a;color:#d8ecff;border:1px solid #56758f;padding:7px;border-radius:3px;font:inherit}#joystick{display:none;position:absolute;left:7%;bottom:8%;width:100px;height:100px;border:2px solid #82e4ed88;border-radius:50%;background:#26536a66;touch-action:none}#stick{position:absolute;left:50%;top:50%;width:42px;height:42px;border:1px solid #a8f7f5;background:#7ddfe688;border-radius:50%;transform:translate(-50%,-50%)}@media(pointer:coarse){#stage.joystick #joystick{display:block}}@media(max-width:600px){header{align-items:center}header p{max-width:125px;text-align:right}#joystick{width:75px;height:75px}#stick{width:32px;height:32px}}#stage:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border:0;display:flex;align-items:center;justify-content:center;background:#050918}#stage:fullscreen canvas{width:min(100vw,177.7778vh);height:min(100vh,56.25vw)}#stage:fullscreen #joystick{bottom:8%;left:7%}
#fireButton{display:none;position:absolute;right:8%;bottom:12%;width:76px;height:76px;border-radius:50%;border:2px solid #f9d58c;background:#aa592b99;color:#fff0ca;font-weight:bold;font-family:inherit;letter-spacing:.1em;touch-action:none;user-select:none;-webkit-user-select:none}#stage.manual-fire #fireButton{display:block}@media(pointer:fine){#fireButton{display:none!important}}@media(max-width:600px){#fireButton{width:55px;height:55px;font-size:10px}}#stage:fullscreen #fireButton{right:8%;bottom:12%}

#gameOverPanel[hidden]{display:none!important}#gameOverPanel{position:absolute;z-index:5;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background:#030a19cc;color:#ffcb9c;font-size:clamp(22px,5vw,44px);letter-spacing:.15em;text-align:center}#restartButton{cursor:pointer;background:#16364a;color:#c6fcff;border:2px solid #5de0ed;padding:12px 22px;font:700 16px Consolas,monospace;letter-spacing:.08em;touch-action:manipulation}#restartButton:focus-visible{outline:3px solid #fff;outline-offset:3px}