body{background-color:#020205;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}canvas{display:block}#ship-selector-overlay{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:radial-gradient(circle,#10182be6 0%,#020205f2 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.ship-selector-content{text-align:center;flex-direction:column;width:90%;max-width:600px;max-height:90vh;display:flex}.ship-selector-content h1{background:linear-gradient(90deg,#4af,#84f);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;margin:0;font-size:2.5rem;font-weight:800}.ship-selector-content p{color:#8fa3c0;margin-top:8px;margin-bottom:32px;font-size:1.1rem}.ship-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;padding:10px;display:grid;overflow-y:auto}.ship-grid::-webkit-scrollbar{width:6px}.ship-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.ship-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;justify-content:space-between;align-items:center;min-height:160px;padding:24px 16px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 8px 32px #0000005e}.ship-card:hover,.ship-card:active{background:#ffffff1a;border-color:#44aaff80;transform:translateY(-4px);box-shadow:0 12px 40px #4af3}.ship-sprite-wrapper{flex-grow:1;justify-content:center;align-items:center;display:flex}.ship-sprite{object-fit:contain;filter:drop-shadow(0 0 10px #4af6);max-width:80px;max-height:80px;transition:transform .3s}.ship-card:hover .ship-sprite{transform:scale(1.1)}.ship-name{color:#e2e8f0;text-transform:capitalize;margin-top:16px;font-size:.95rem;font-weight:600}