:root{--bg-dark: #070b14;--bg-panel: rgba(10, 18, 36, .85);--bg-card: rgba(16, 28, 54, .7);--border-cyan: #00f0ff;--border-pink: #ff007f;--border-orange: #ff9900;--border-gold: #ffd700;--text-main: #e0f2fe;--text-muted: #94a3b8;--glow-cyan: 0 0 15px rgba(0, 240, 255, .5);--glow-pink: 0 0 15px rgba(255, 0, 127, .5);--font-cyber: "Orbitron", "Prompt", sans-serif;--font-data: "Rajdhani", "Prompt", sans-serif}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}body,html{width:100%;height:100%;overflow:hidden;background-color:var(--bg-dark);font-family:var(--font-data);color:var(--text-main)}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.top-hud{position:absolute;top:0;left:0;width:100%;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;z-index:20;background:linear-gradient(180deg,#070b14e6,#070b1400);pointer-events:none}.top-hud>*{pointer-events:auto}.brand-group{display:flex;align-items:center}.brand-title{display:flex;flex-direction:column}.brand-badge{font-family:var(--font-cyber);font-size:.65rem;letter-spacing:2px;color:var(--border-cyan);text-shadow:var(--glow-cyan)}.brand-text{font-family:var(--font-cyber);font-weight:900;font-size:1.25rem;letter-spacing:1px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.4)}.brand-highlight{color:var(--border-cyan);text-shadow:var(--glow-cyan)}.stats-group{display:flex;gap:12px;align-items:center}.stat-pill{display:flex;align-items:center;gap:8px;background:var(--bg-panel);border:1px solid rgba(0,240,255,.25);backdrop-filter:blur(10px);padding:6px 14px;border-radius:8px;box-shadow:0 4px 15px #00000080;transition:all .2s ease}.stat-pill:hover{border-color:var(--border-cyan);transform:translateY(-1px)}.stat-icon{font-size:1.25rem}.stat-meta{display:flex;flex-direction:column}.stat-label{font-size:.65rem;color:var(--text-muted);letter-spacing:1px}.stat-value{font-family:var(--font-cyber);font-weight:700;font-size:1rem;color:#fff}.lives-pill .stat-value{color:#ff4757}.credits-pill .stat-value{color:gold}.wave-pill .stat-value{color:var(--border-cyan)}.controls-group{display:flex;gap:12px;align-items:center}.speed-controls{display:flex;background:var(--bg-panel);border:1px solid rgba(255,255,255,.15);border-radius:8px;overflow:hidden;backdrop-filter:blur(8px)}.speed-btn{background:transparent;border:none;color:var(--text-muted);padding:6px 12px;font-family:var(--font-cyber);font-size:.85rem;cursor:pointer;transition:all .2s ease}.speed-btn:hover{color:#fff;background:#00f0ff26}.speed-btn.active{color:#070b14;background:var(--border-cyan);font-weight:700;box-shadow:var(--glow-cyan)}.action-btn-group{display:flex;gap:8px}.hud-icon-btn{background:var(--bg-panel);border:1px solid rgba(0,240,255,.3);color:var(--text-main);padding:6px 12px;border-radius:8px;cursor:pointer;font-family:var(--font-data);font-size:.9rem;font-weight:600;backdrop-filter:blur(8px);transition:all .2s ease}.hud-icon-btn:hover{background:#00f0ff33;border-color:var(--border-cyan);color:#fff}.wave-banner{position:absolute;top:72px;left:50%;transform:translate(-50%);z-index:15;background:var(--bg-panel);border:1px solid rgba(0,240,255,.4);backdrop-filter:blur(12px);padding:8px 18px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:260px;box-shadow:0 8px 24px #0009;transition:all .3s ease}.wave-banner.hidden{opacity:0;pointer-events:none;transform:translate(-50%) translateY(-20px)}.wave-info{display:flex;justify-content:space-between;width:100%;font-size:.85rem}.wave-status-text{color:var(--text-muted)}.wave-timer-text{font-family:var(--font-cyber);font-weight:700;color:var(--border-cyan)}.wave-progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.wave-progress-fill{height:100%;background:linear-gradient(90deg,#00f0ff,#08f);transition:width .1s linear}.btn-call-wave{background:linear-gradient(135deg,#f903,#f506);border:1px solid var(--border-orange);color:#fff;padding:4px 14px;border-radius:6px;font-family:var(--font-cyber);font-size:.75rem;font-weight:700;cursor:pointer;box-shadow:0 0 10px #ff99004d;transition:all .2s ease}.btn-call-wave:hover{background:linear-gradient(135deg,#ff990080,#ff5500b3);transform:scale(1.03);box-shadow:0 0 15px #f909}.commander-skills-dock{position:absolute;right:20px;top:140px;z-index:20;display:flex;flex-direction:column;gap:8px}.dock-title{font-family:var(--font-cyber);font-size:.65rem;color:var(--text-muted);letter-spacing:1px;text-align:right}.skill-cards{display:flex;flex-direction:column;gap:10px}.skill-card{position:relative;display:flex;align-items:center;gap:12px;background:var(--bg-panel);border:1px solid rgba(0,240,255,.3);padding:8px 14px;border-radius:10px;cursor:pointer;backdrop-filter:blur(10px);text-align:left;color:#fff;overflow:hidden;transition:all .2s ease;width:170px}.skill-card:hover:not(:disabled){border-color:var(--border-cyan);background:#00f0ff26;transform:translate(-4px);box-shadow:var(--glow-cyan)}.skill-icon{font-size:1.4rem}.skill-info{display:flex;flex-direction:column}.skill-name{font-family:var(--font-cyber);font-size:.75rem;font-weight:700;letter-spacing:.5px}.skill-sub{font-size:.7rem;color:var(--text-muted)}.skill-cooldown-overlay{position:absolute;bottom:0;left:0;width:100%;height:0%;background:#000000bf;pointer-events:none;transition:height .1s linear}.skill-card.on-cooldown{opacity:.6;cursor:not-allowed;border-color:#ffffff1a}.bottom-dock{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:20;pointer-events:none}.arsenal-container{display:flex;gap:10px;background:var(--bg-panel);border:1px solid rgba(0,240,255,.3);padding:8px 12px;border-radius:14px;backdrop-filter:blur(15px);box-shadow:0 10px 30px #000000b3;pointer-events:auto}.tower-card{position:relative;background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;color:#fff;min-width:90px;transition:all .2s cubic-bezier(.16,1,.3,1)}.tower-card:hover{background:#00f0ff26;border-color:var(--border-cyan);transform:translateY(-4px);box-shadow:var(--glow-cyan)}.tower-card.selected{background:#00f0ff40;border-color:var(--border-cyan);box-shadow:0 0 20px #00f0ffb3;transform:translateY(-6px)}.tower-card-badge{position:absolute;top:4px;right:6px;font-size:.55rem;font-family:var(--font-cyber);font-weight:700;color:var(--border-cyan)}.tower-card-icon{font-size:1.5rem;margin-top:4px}.tower-card-info{display:flex;flex-direction:column;align-items:center}.tower-name{font-family:var(--font-cyber);font-size:.75rem;font-weight:700;white-space:nowrap}.tower-desc{font-size:.65rem;color:var(--text-muted);white-space:nowrap}.tower-cost{font-family:var(--font-cyber);font-size:.8rem;font-weight:700;color:gold;margin-top:2px}.tower-inspector{position:absolute;left:20px;bottom:110px;width:280px;background:var(--bg-panel);border:1px solid var(--border-cyan);border-radius:12px;padding:16px;z-index:25;backdrop-filter:blur(15px);box-shadow:0 10px 30px #000000b3,var(--glow-cyan);transition:all .25s ease}.tower-inspector.hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.inspector-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,240,255,.2);padding-bottom:8px;margin-bottom:12px}.inspector-title-group{display:flex;align-items:center;gap:8px}.inspector-icon{font-size:1.5rem}.badge-level{font-family:var(--font-cyber);font-size:.65rem;background:#00f0ff33;color:var(--border-cyan);padding:2px 6px;border-radius:4px}.btn-close{background:transparent;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:2px 6px}.btn-close:hover{color:#fff}.inspector-stats{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.stat-row{display:flex;justify-content:space-between;font-size:.85rem}.val-highlight{font-family:var(--font-cyber);font-weight:700;color:var(--border-cyan)}.targeting-priority{display:flex;flex-direction:column;gap:4px;font-size:.8rem;margin-bottom:14px}.select-priority{background:var(--bg-card);border:1px solid rgba(0,240,255,.3);color:#fff;padding:6px 10px;border-radius:6px;font-family:var(--font-data);outline:none}.inspector-actions{display:flex;gap:8px}.btn-upgrade{flex:2;background:linear-gradient(135deg,#08f,#00f0ff);border:none;color:#070b14;padding:8px 10px;border-radius:8px;cursor:pointer;font-weight:700;display:flex;flex-direction:column;align-items:center;transition:all .2s ease}.btn-upgrade:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--glow-cyan)}.btn-upgrade:disabled{opacity:.5;cursor:not-allowed;background:#334155;color:#94a3b8}.btn-upgrade-title{font-family:var(--font-cyber);font-size:.75rem}.btn-upgrade-cost{font-size:.75rem}.btn-sell{flex:1;background:#ff475726;border:1px solid rgba(255,71,87,.5);color:#ff4757;padding:8px 10px;border-radius:8px;cursor:pointer;font-family:var(--font-cyber);font-size:.7rem;font-weight:700;display:flex;flex-direction:column;align-items:center;transition:all .2s ease}.btn-sell:hover{background:#ff47574d;transform:translateY(-2px)}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#070b14d9;backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:100;transition:opacity .3s ease}.modal-backdrop.hidden{opacity:0;pointer-events:none}.modal-box{background:var(--bg-panel);border:2px solid var(--border-cyan);border-radius:16px;padding:28px;max-width:480px;width:90%;text-align:center;box-shadow:0 15px 40px #000c,var(--glow-cyan);animation:modalPop .3s cubic-bezier(.16,1,.3,1)}@keyframes modalPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.defeat-box{border-color:#ff4757;box-shadow:0 15px 40px #000c,0 0 20px #ff475799}.modal-icon{font-size:3rem;margin-bottom:10px}.modal-title{font-family:var(--font-cyber);font-size:1.5rem;margin-bottom:6px}.victory-title{color:gold;text-shadow:0 0 12px rgba(255,215,0,.6)}.defeat-title{color:#ff4757;text-shadow:0 0 12px rgba(255,71,87,.6)}.modal-subtitle{color:var(--text-muted);font-size:.95rem;margin-bottom:20px}.rating-stars{font-size:2rem;margin-bottom:16px;letter-spacing:4px}.modal-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;background:#0006;padding:14px;border-radius:10px}.modal-stat-item{display:flex;flex-direction:column;text-align:left}.modal-stat-item .label{font-size:.75rem;color:var(--text-muted)}.modal-stat-item .val{font-family:var(--font-cyber);font-size:1.1rem;font-weight:700;color:#fff}.modal-actions{display:flex;flex-direction:column;gap:10px}.modal-btn{border:none;padding:12px 18px;border-radius:8px;font-family:var(--font-cyber);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#00f0ff,#08f);color:#070b14;box-shadow:var(--glow-cyan)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px #00f0ffcc}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#fff3}.help-box{text-align:left;max-width:600px}.modal-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid rgba(0,240,255,.3);padding-bottom:8px}.help-content{font-size:.9rem;line-height:1.6;max-height:60vh;overflow-y:auto;margin-bottom:16px}.help-content ul{padding-left:20px;margin-top:8px}.help-content li{margin-bottom:6px}.help-content code{background:#00f0ff33;color:var(--border-cyan);padding:2px 6px;border-radius:4px;font-family:monospace}@media(max-width:768px){.top-hud{padding:8px 10px}.brand-text{font-size:1rem}.stat-pill{padding:4px 8px}.stat-label{display:none}.commander-skills-dock{top:auto;bottom:120px;right:10px}.skill-card{width:48px;height:48px;padding:0;justify-content:center}.skill-info{display:none}.tower-inspector{left:10px;bottom:120px;width:calc(100% - 20px);max-width:320px}.arsenal-container{padding:6px 8px;gap:6px}.tower-card{min-width:62px;padding:6px}.tower-desc{display:none}}