@font-face{font-family:Fighting;src:url(./Fighting-BOyk8W4d.otf) format("opentype");font-weight:400;font-style:normal}body{margin:0;padding:0;overflow:hidden;background-color:#000;display:flex;justify-content:center;align-items:center;height:100vh;font-family:Courier New,monospace}canvas{display:block;touch-action:none}#game-over{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:2rem;text-align:center;display:none;z-index:10}#game-title{font-family:Fighting,sans-serif;font-size:20px;text-align:center;margin-top:90px;background:linear-gradient(90deg,#0ff,#f0f,#fc0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientMove 5s ease-in-out infinite alternate;letter-spacing:3px;text-shadow:0 0 20px rgba(255,255,255,.3)}@keyframes gradientMove{0%{background-position:0% 50%}to{background-position:100% 50%}}#choose-ship-title{font-family:Fighting,sans-serif;font-size:10px;color:#fff;text-align:center;margin-top:5px;text-shadow:0 0 10px #00ffff}#start-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:3rem;text-align:center;cursor:pointer;z-index:20;display:none}#ship-selection{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:10;display:none;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#000000b3}#ship-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:15px;justify-items:center;margin:20px auto;max-width:95vw;padding:10px;box-sizing:border-box}.ship-option{width:90px;height:90px;cursor:pointer;border-radius:12px;overflow:hidden;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:2px solid rgba(255,255,255,.1)}.ship-option img{width:75px;height:auto;border-radius:8px}.ship-option:hover,.ship-option:active{transform:scale(1.15);border-color:#f0f;background:#ff00ff26;box-shadow:0 0 25px #f0f9}.ship-option.selected{border:3px solid #ffcc00;box-shadow:0 0 20px #fc0;background:#fc03}@media (max-width: 480px){#ship-grid{grid-template-columns:repeat(2,1fr);gap:12px}.ship-option{width:85px;height:85px}.ship-option img{width:70px}#choose-ship-title{font-size:8px}}@media (min-width: 481px) and (max-width: 768px){#ship-grid{grid-template-columns:repeat(3,1fr);gap:15px}}@media (min-width: 769px) and (max-width: 1024px){#ship-grid{grid-template-columns:repeat(5,1fr);gap:20px;max-width:1000px}}@media (min-width: 1025px){#ship-grid{grid-template-columns:repeat(5,1fr);gap:20px;max-width:1000px}.ship-option{width:110px;height:110px}.ship-option img{width:90px}}#background-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.joystick{position:absolute;bottom:50px;width:150px;height:150px;border-radius:50%;background:#ffffff1a;display:none;z-index:5}.joystick-knob{position:absolute;width:50px;height:50px;border-radius:50%;background:#00ffff80;transform:translate(-50%,-50%)}#move-joystick{left:50px}#aim-joystick{right:50px}