@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@300;400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:#050510;color:#c0d0e0;font-family:JetBrains Mono,monospace;overflow:hidden;height:100vh}#root{height:100vh}.app{display:flex;justify-content:center;align-items:center;height:100vh;background:radial-gradient(ellipse at center,#0a0a2a,#050510)}.game-wrapper{display:flex;flex-direction:column;align-items:center;gap:0}.header{display:flex;align-items:center;gap:24px;padding:8px 24px;background:#08081a;border:1px solid #1a1a4a;border-bottom:none;min-width:1080px;justify-content:space-between}.header-title{font-family:Orbitron,monospace;font-size:20px;color:#00d4ff;text-shadow:0 0 20px rgba(0,212,255,.3);letter-spacing:4px;white-space:nowrap}.header-stats{display:flex;gap:16px}.hstat{display:flex;align-items:center;gap:6px;background:#0f0f2f;border:1px solid #1a1a4a;border-radius:4px;padding:4px 12px}.hstat-icon{font-size:14px;color:#00d4ff}.hstat-val{font-family:Orbitron,monospace;font-size:18px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(0,212,255,.3)}.hstat-lbl{font-size:9px;color:#568;letter-spacing:2px}.start-btn{background:linear-gradient(135deg,#036,#069);border:1px solid #00aaff;border-radius:4px;color:#fff;font-family:Orbitron,monospace;font-size:16px;font-weight:700;padding:8px 28px;cursor:pointer;letter-spacing:3px;text-shadow:0 0 10px rgba(0,170,255,.5);transition:all .2s;white-space:nowrap}.start-btn:hover:not(:disabled){background:linear-gradient(135deg,#048,#08c);box-shadow:0 0 20px #00aaff4d}.start-btn:disabled{opacity:.4;cursor:not-allowed}.game-area{display:flex;gap:0;border:1px solid #1a1a4a;border-top:none;border-bottom:none;box-shadow:0 0 40px #00d4ff1a;background:#080818}.game-canvas{display:block;cursor:crosshair;border-right:1px solid #1a1a4a}.sidebar{width:280px;display:flex;flex-direction:column;background:#0a0a20;padding:12px;gap:10px;overflow-y:auto}.sidebar h2{font-family:Orbitron,monospace;font-size:11px;color:#456;letter-spacing:3px;border-bottom:1px solid #1a1a3a;padding-bottom:4px}.info-text{font-size:11px;color:#456;font-style:italic}.tower-list{display:flex;flex-direction:column;gap:6px}.tower-entry{background:#0c0c28;border:1px solid #15153a;border-radius:3px;padding:6px 8px;font-size:10px}.tower-entry-head{display:flex;align-items:center;gap:6px;margin-bottom:2px}.tower-entry-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tower-entry-name{flex:1;color:#abc}.tower-entry-level{color:#00d4ff;font-weight:700}.tower-entry-progress{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#678;margin-bottom:3px}.cost-ready{color:#0f8;font-weight:700}.cost-need{color:#f44;font-weight:700}.kill-bar{width:100%;height:3px;background:#1a1a3a;border-radius:2px;overflow:hidden}.kill-bar-fill{height:100%;border-radius:2px;transition:width .3s}.selected-info{display:flex;gap:8px;align-items:flex-start;background:#0c0c28;border:1px solid #1a1a4a;border-radius:4px;padding:8px;margin-top:auto}.selected-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:2px}.selected-body{display:flex;flex-direction:column;gap:2px}.selected-name{font-weight:700;font-size:12px;color:#fff}.selected-stats{display:flex;flex-wrap:wrap;gap:3px 8px;font-size:10px;color:#678}.footer{border:1px solid #1a1a4a;border-top:none;background:#080818;padding:8px 16px;min-width:1080px}.footer-towers{display:flex;gap:8px;justify-content:center}.ft-btn{display:flex;align-items:center;gap:8px;background:#0f0f2f;border:1px solid #1a1a4a;border-radius:4px;padding:8px 14px;cursor:pointer;color:#c0d0e0;font-family:JetBrains Mono,monospace;font-size:11px;transition:all .15s;text-align:left;flex:1;max-width:200px}.ft-btn:hover:not(.disabled){background:#151540;border-color:#2a2a6a}.ft-btn.selected{border-color:#00d4ff;background:#0a1a3a;box-shadow:0 0 10px #00d4ff4d}.ft-btn.disabled{opacity:.4;cursor:not-allowed}.ft-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0}.ft-name{font-weight:700;font-size:12px}.ft-cost{font-size:10px;color:#00d4ff}.ft-desc{font-size:9px;color:#678;margin-left:auto}.end-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100}.end-box{background:#0a0a20;border:2px solid #ff2244;border-radius:8px;padding:40px 60px;text-align:center;box-shadow:0 0 60px #ff22444d}.end-title{font-family:Orbitron,monospace;font-size:36px;color:#f24;text-shadow:0 0 30px rgba(255,34,68,.5);letter-spacing:6px;margin-bottom:24px}.end-stats{font-size:16px;color:#abc;margin-bottom:28px;display:flex;flex-direction:column;gap:8px}.end-stats strong{color:#fff}.end-restart{background:linear-gradient(135deg,#401,#802);border:1px solid #ff2244;border-radius:4px;color:#fff;font-family:Orbitron,monospace;font-size:18px;font-weight:700;padding:12px 40px;cursor:pointer;letter-spacing:4px;transition:all .2s}.end-restart:hover{background:linear-gradient(135deg,#602,#a03);box-shadow:0 0 20px #ff22444d}.upgrade-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0a0a2a,#050510);display:flex;align-items:center;justify-content:center;z-index:200}.upgrade-screen-box{background:#080818;border:1px solid #1a1a4a;border-radius:8px;padding:32px 48px;text-align:center;box-shadow:0 0 60px #00d4ff1a;max-width:800px;width:90%}.upgrade-screen-title{font-family:Orbitron,monospace;font-size:28px;color:#00d4ff;text-shadow:0 0 30px rgba(0,212,255,.3);letter-spacing:6px;margin-bottom:2px}.upgrade-screen-sub{font-size:13px;color:#568;letter-spacing:3px;margin-bottom:20px}.upgrade-crystals{display:inline-flex;align-items:center;gap:8px;background:#0f0f2f;border:1px solid #2a2a5a;border-radius:6px;padding:8px 24px;margin-bottom:24px}.crystal-icon{font-size:24px;color:#0df;text-shadow:0 0 12px rgba(0,221,255,.5)}.crystal-count{font-family:Orbitron,monospace;font-size:24px;font-weight:700;color:#fff;text-shadow:0 0 15px rgba(0,221,255,.3)}.crystal-lbl{font-size:10px;color:#568;letter-spacing:2px}.upgrade-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:24px}.upgrade-card{background:#0c0c28;border:1px solid #1a1a4a;border-radius:6px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.upgrade-card-head{display:flex;flex-direction:column;align-items:center;gap:4px}.upgrade-icon-img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.upgrade-name{font-weight:700;font-size:13px;color:#fff}.upgrade-lvl{font-size:11px;color:#00d4ff;font-weight:700}.upgrade-stats{font-size:9px;color:#678;display:flex;flex-direction:column;gap:1px}.upgrade-btn{width:100%;background:#0f0f2f;border:1px solid #333;border-radius:4px;color:#c0d0e0;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;padding:6px 0;cursor:pointer;letter-spacing:1px;transition:all .15s}.upgrade-btn:hover:not(:disabled){background:#151540;box-shadow:0 0 12px #00d4ff33}.upgrade-btn:disabled{opacity:.3;cursor:not-allowed}.upgrade-start{background:linear-gradient(135deg,#036,#069);border:1px solid #00aaff;border-radius:4px;color:#fff;font-family:Orbitron,monospace;font-size:18px;font-weight:700;padding:12px 48px;cursor:pointer;letter-spacing:4px;text-shadow:0 0 10px rgba(0,170,255,.5);transition:all .2s}.upgrade-start:hover{background:linear-gradient(135deg,#048,#08c);box-shadow:0 0 20px #00aaff4d}.ft-icon-wrap{position:relative;flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.ft-icon-img{width:28px;height:28px;display:block}.ft-perm-lvl{position:absolute;top:-4px;left:-4px;z-index:2;min-width:16px;height:16px;border-radius:50%;background:#00d4ff;border:1px solid #ffffff;font-size:9px;font-weight:700;color:#000;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 0 6px #00d4ff99}.ft-dot{display:none}.end-match{font-size:14px;color:#00d4ff;letter-spacing:3px;margin-bottom:16px}.end-crystals{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;font-size:16px}.end-earned{color:#0f8;font-weight:700;font-size:20px}.end-total{color:#678;font-size:14px}