*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;background:#0a0e1a;color:#e0e0e0;overflow:hidden;height:100vh;display:flex;align-items:center;justify-content:center}#root{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.start-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#1a1f3a,#0a0e1a 70%)}.start-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(255,255,255,.02) 40px,rgba(255,255,255,.02) 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(255,255,255,.02) 40px,rgba(255,255,255,.02) 41px)}.start-content{text-align:center;z-index:1}.start-title{font-family:JetBrains Mono,monospace;font-size:72px;font-weight:700;letter-spacing:8px;text-transform:uppercase;background:linear-gradient(135deg,#00f5ff,#bd00ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 40px rgba(0,245,255,.3);margin-bottom:8px}.start-subtitle{font-size:20px;color:#6b7280;letter-spacing:12px;text-transform:uppercase;margin-bottom:24px}.start-badge{display:inline-block;padding:4px 16px;border:1px solid #00F5FF;border-radius:4px;font-size:12px;color:#00f5ff;letter-spacing:2px;margin-bottom:24px;background:#00f5ff0f}.start-highscore{font-size:18px;color:#fd4;margin-bottom:32px;letter-spacing:2px}.start-btn{padding:16px 56px;font-family:JetBrains Mono,monospace;font-size:20px;font-weight:600;letter-spacing:6px;text-transform:uppercase;border:2px solid #00F5FF;border-radius:4px;background:#00f5ff14;color:#00f5ff;cursor:pointer;box-shadow:0 0 20px #00f5ff26,0 0 60px #00f5ff0d;transition:all .3s}.start-btn:hover{background:#00f5ff2e;box-shadow:0 0 30px #00f5ff40}.start-btn:disabled{opacity:.4;cursor:not-allowed}.start-hint{margin-top:24px;font-size:14px;color:#6b7280;letter-spacing:1px}.select-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#1a1f3a,#0a0e1a 70%)}.select-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(255,255,255,.015) 40px,rgba(255,255,255,.015) 41px)}.select-content{z-index:1;text-align:center;width:90%;max-width:900px}.select-title{font-family:JetBrains Mono,monospace;font-size:32px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:#00f5ff;text-shadow:0 0 20px rgba(0,245,255,.2);margin-bottom:40px}.tank-grid{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.tank-card{width:240px;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:4px;background:#ffffff08;cursor:pointer;transition:all .3s;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tank-card:hover{border-color:#00f5ff4d;background:#00f5ff0d}.tank-card.locked{opacity:.4;cursor:not-allowed;filter:grayscale(.8)}.tank-preview{width:160px;height:120px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;border-radius:4px;overflow:hidden;background:#0003}.tank-img{width:100%;height:100%;object-fit:contain}.tank-placeholder{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;font-weight:700}.tank-name{font-family:JetBrains Mono,monospace;font-size:20px;letter-spacing:2px;color:#e0e0e0;margin-bottom:8px}.lock-badge{font-size:12px;color:#6b7280;letter-spacing:1px;margin-bottom:8px}.tank-stats{display:flex;flex-direction:column;gap:6px}.stat{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#aaa}.stat-bar{width:100px;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden;margin-left:8px}.stat-fill{height:100%;border-radius:3px}.map-grid{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.map-card{width:220px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:4px;background:#ffffff08;cursor:pointer;transition:all .3s;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.map-card:hover{border-color:#00f5ff4d;background:#00f5ff0d}.map-card.locked{opacity:.4;cursor:not-allowed;filter:grayscale(.8)}.map-preview{width:180px;height:120px;border-radius:4px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;position:relative;font-size:48px}.lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:40px;background:#0006;border-radius:4px}.map-name{font-family:JetBrains Mono,monospace;font-size:18px;letter-spacing:2px;color:#e0e0e0;margin-bottom:4px}.map-terrain{font-size:13px;color:#6b7280;letter-spacing:1px;margin-bottom:6px}.game-screen{display:flex;flex-direction:column;align-items:center;gap:8px;background:#0a0e1a;padding:20px;border-radius:8px;box-shadow:0 0 60px #00f5ff0f}.game-canvas{border:1px solid rgba(255,255,255,.06);border-radius:4px;box-shadow:0 0 30px #00000080;display:block;width:800px;height:600px}.game-controls-hint{font-family:JetBrains Mono,monospace;font-size:12px;color:#6b7280;letter-spacing:2px;padding:8px 0;text-align:center}.gameover-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#1a1f3a,#0a0e1a 70%)}.gameover-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(255,255,255,.02) 40px,rgba(255,255,255,.02) 41px)}.gameover-content{text-align:center;z-index:1;padding:40px}.gameover-title{font-family:JetBrains Mono,monospace;font-size:48px;font-weight:700;letter-spacing:6px;text-transform:uppercase;color:#ff006e;text-shadow:0 0 30px rgba(255,0,110,.3);margin-bottom:24px}.gameover-score{margin-bottom:16px}.gameover-score-num{font-family:JetBrains Mono,monospace;font-size:80px;font-weight:700;color:#00f5ff;text-shadow:0 0 40px rgba(0,245,255,.2)}.gameover-score-label{font-size:14px;color:#6b7280;letter-spacing:4px;text-transform:uppercase;margin-top:4px}.gameover-newrecord{font-size:20px;color:#fd4;margin-bottom:8px;letter-spacing:2px}.gameover-highscore{font-size:16px;color:#aaa;margin-bottom:12px;letter-spacing:1px}.gameover-unlock{font-size:16px;color:#39ff14;margin-bottom:20px;letter-spacing:1px;animation:pulse 1.5s infinite}.gameover-btns{display:flex;gap:16px;justify-content:center;margin-top:24px}.gameover-btn{padding:14px 40px;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600;letter-spacing:3px;text-transform:uppercase;border:2px solid;border-radius:4px;cursor:pointer;transition:all .3s;background:transparent}.gameover-btn.primary{border-color:#00f5ff;color:#00f5ff;box-shadow:0 0 16px #00f5ff1a}.gameover-btn.primary:hover{background:#00f5ff1f;box-shadow:0 0 24px #00f5ff33}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 860px){.game-canvas{width:100%;height:auto;aspect-ratio:4/3}.start-title{font-size:40px;letter-spacing:4px}.tank-card,.map-card{width:160px}.tank-preview{width:120px;height:90px}.map-preview{width:140px;height:90px}}