*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#fff;overflow:hidden;touch-action:none}#root{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.game-container{position:relative;width:400px;max-width:100vw;height:700px;max-height:100vh;background:#0a0a0a;border:2px solid #333;overflow-y:auto;overflow-x:hidden}.game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#000428,#004e92)}.hud{position:absolute;top:0;left:0;right:0;padding:10px;background:#000000b3;display:flex;justify-content:space-between;align-items:center;font-size:14px;z-index:10;pointer-events:none}.hud-left,.hud-right{display:flex;flex-direction:column;gap:4px}.hud-center{text-align:center}.credits{color:gold;font-weight:700}.xp-bar{width:100px;height:8px;background:#fff3;border-radius:4px;overflow:hidden}.xp-progress{height:100%;background:linear-gradient(90deg,#0f0,#0c0);transition:width .3s}.wave-indicator{font-size:18px;font-weight:700;color:#ff6b6b}.game-over-screen{position:absolute;inset:0;background:#000000e6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;padding:20px}.menu-screen{position:absolute;inset:0;background:#000000e6;display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:100;padding:10px 20px 20px}.menu-screen h1{font-size:32px;margin-bottom:5px;margin-top:5px;color:gold}.menu-screen p{margin-bottom:10px;text-align:center;color:#ccc;font-size:14px}.menu-top{width:100%;text-align:center}.menu-middle{flex:1;width:100%;display:flex;flex-direction:column;overflow-y:auto}.menu-bottom{width:100%;text-align:center;padding-top:10px}.stats{margin:10px 0;text-align:center;font-size:13px}.stats p{margin:3px 0;font-size:13px}button{padding:10px 20px;font-size:15px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;margin:5px;min-width:120px;touch-action:manipulation}button:hover{transform:scale(1.05)}button:active{transform:scale(.95)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.upgrade-menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000f2;border:2px solid #667eea;border-radius:12px;padding:20px;max-width:90%;max-height:80%;overflow-y:auto;z-index:50}.upgrade-menu h2{color:gold;margin-bottom:15px}.weapon-list{display:flex;flex-direction:column;gap:10px}.weapon-item{padding:12px;background:#ffffff1a;border-radius:8px;border:1px solid #444}.weapon-item h3{color:#fff;margin-bottom:8px}.weapon-stats{font-size:12px;color:#aaa;margin-bottom:8px}.weapon-xp-bar{width:100%;height:6px;background:#fff3;border-radius:3px;margin:8px 0;overflow:hidden}.weapon-xp-progress{height:100%;background:linear-gradient(90deg,#00f2fe,#4facfe)}.ship-stats{margin-top:20px;padding-top:20px;border-top:1px solid #444}.ship-stats h3{color:gold;margin-bottom:10px}.stat-row{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.ship-select{margin:10px 0;padding:15px;background:#000000f2;border:2px solid #667eea;border-radius:12px;flex:1;overflow-y:auto;width:100%}.ship-select h3{margin-bottom:12px;font-size:16px}.ship-list{display:flex;flex-direction:column;gap:10px}.ship-item{padding:12px;background:#ffffff1a;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.ship-item h4{font-size:15px;margin-bottom:5px}.ship-item p{font-size:13px;margin:3px 0}.ship-item:hover{border-color:#667eea}.ship-item.selected{border-color:gold;background:#ffd7001a}.ship-item.locked{opacity:.5;cursor:not-allowed}.close-button{background:#f44;min-width:100px;margin-top:15px}.upgrade-section{margin-bottom:20px}.upgrade-section h3{color:gold;margin-bottom:10px;font-size:16px}.upgrade-list{display:flex;flex-direction:column;gap:8px}.upgrade-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#ffffff0d;border-radius:6px;border:1px solid #444}.upgrade-item h4{font-size:14px;margin-bottom:3px;color:#fff}.upgrade-item button{min-width:100px;padding:8px 12px;font-size:13px;margin:0}.health-bars{position:absolute;bottom:200px;left:10px;right:10px;z-index:10;pointer-events:none}.health-bar{margin-bottom:8px}.health-label{font-size:12px;margin-bottom:4px;display:flex;justify-content:space-between}.health-bar-bg{width:100%;height:12px;background:#000000b3;border:1px solid #444;border-radius:6px;overflow:hidden}.health-bar-fill{height:100%;transition:width .3s}.shield-bar{background:linear-gradient(90deg,#00d4ff,#09f)}.hull-bar{background:linear-gradient(90deg,#ff6b6b,#ee5a6f)}.ability-button{background:linear-gradient(135deg,#f093fb,#f5576c);font-size:13px;padding:8px 12px}.ability-button:disabled{background:linear-gradient(135deg,#555,#777);opacity:.6}.button-container{position:absolute;bottom:0;left:0;right:0;padding:10px;padding-bottom:max(60px,env(safe-area-inset-bottom));background:#0000004d;display:flex;gap:10px;justify-content:space-between;z-index:20;pointer-events:auto}