@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800;900&display=swap";:root{--bg-dark:#0f111a;--hud-bg:#141828e0;--card-bg:#181e30;--card-border:#252e47;--text-primary:#fff;--text-secondary:#8896aa;--color-hp:#ff2b75;--color-energy:#fd0;--color-wave:#00f0ff;--color-score:#0f6;--neon-cyan:#00f0ff;--neon-magenta:#f05;--neon-yellow:#fd0;--neon-green:#0f6;--neon-purple:#ab47bc}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:Outfit,system-ui,-apple-system,sans-serif}body,html{background-color:var(--bg-dark);width:100vw;height:100vh;color:var(--text-primary);justify-content:center;align-items:center;display:flex;overflow:hidden}#app{background:var(--bg-dark);width:1280px;height:720px;position:relative;overflow:hidden}#canvas-container{width:100%;height:100%}.top-bar{background:var(--hud-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;border:1px solid #ffffff1a;border-radius:14px;justify-content:space-between;align-items:center;width:calc(100% - 32px);max-width:1240px;height:54px;padding:0 16px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.stat-group{align-items:center;gap:22px;display:flex}.stat-box{flex-direction:column;gap:1px;display:flex}.stat-label{letter-spacing:1px;color:var(--text-secondary);text-transform:uppercase;font-size:10px;font-weight:800}.stat-value{font-size:17px;font-weight:900}.stat-value.hp{color:var(--color-hp)}.stat-value.energy{color:var(--color-energy);transition:transform .15s;display:inline-block}.stat-value.energy.energy-pulse{animation:.35s cubic-bezier(.175,.885,.32,1.275) energyPulseKeyframe}@keyframes energyPulseKeyframe{0%{filter:brightness();transform:scale(1)}50%{filter:brightness(1.8)drop-shadow(0 0 10px #fd0);color:#fff;transform:scale(1.45)}to{filter:brightness();transform:scale(1)}}.stat-value.wave{color:var(--color-wave)}.stat-value.score{color:var(--color-score)}.preview-box{border-left:1px solid #232d47;flex-direction:column;gap:3px;padding-left:14px;display:flex}.preview-list{align-items:center;gap:6px;display:flex}.preview-capsule{color:var(--color-wave);background:#1a233a;border:1px solid #00f0ff59;border-radius:12px;padding:2px 9px;font-size:12px;font-weight:800}.control-group{align-items:center;gap:10px;display:flex}.btn{color:var(--text-primary);cursor:pointer;background:#1c2438;border:1px solid #2c3856;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.btn:hover{border-color:var(--neon-cyan);background:#25314d}.btn-speed.active-2x{border-color:var(--neon-magenta);color:#ff4d88;background:#f053;box-shadow:0 0 10px #ff00554d}.btn-speed.active-slow{border-color:var(--neon-cyan);color:var(--neon-cyan);background:#00f0ff26}.btn-wave-toggle{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;height:36px;padding:0 16px;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex}.btn-wave-toggle.mode-start{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);box-shadow:0 4px 16px #a855f766}.btn-wave-toggle.mode-start:hover{background:linear-gradient(135deg,#4f46e5,#9333ea);box-shadow:0 6px 20px #a855f799}.btn-wave-toggle.mode-pause{border:1px solid var(--neon-magenta);color:#fff;background:#f053;box-shadow:0 0 12px #ff00554d}.btn-wave-toggle.mode-pause:hover{background:#ff005559}.btn-wave-toggle.mode-resume{border:1px solid var(--neon-yellow);color:var(--neon-yellow);background:#fd03;box-shadow:0 0 12px #ffdd004d}.btn-wave-toggle.mode-resume:hover{background:#ffdd0059}.tower-shop{background:var(--hud-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:8px 14px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #0009}.shop-cards{align-items:center;gap:8px;display:flex}.shop-card{background:var(--card-bg);border:2px solid var(--card-border);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:74px;height:84px;transition:all .2s;display:flex}.shop-card:hover{border-color:var(--neon-cyan);transform:translateY(-3px);box-shadow:0 6px 20px #00f0ff40}.shop-card.selected{border-color:var(--neon-cyan);background:#00f0ff14;box-shadow:0 0 16px #00f0ff66,inset 0 0 10px #00f0ff26}.shop-card.disabled{opacity:.35;cursor:not-allowed;filter:grayscale()}.card-icon-box{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:900;display:flex}.card-category{color:var(--text-secondary);font-size:10px;font-weight:700}.card-cost{color:var(--color-energy);font-size:12px;font-weight:800}.shop-info-text{color:var(--text-secondary);font-size:11px;font-weight:600}.wave-preview-bar{display:none}.diff-slot{justify-content:center;align-items:center;display:flex}.difficulty-selector{align-items:center;gap:10px;display:flex}.diff-header{letter-spacing:.5px;color:var(--neon-cyan);font-size:11px;font-weight:800}.btn-side-drawer-trigger{color:var(--text-primary);cursor:pointer;background:#181e30;border:1px solid #283350;border-radius:10px;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0000004d}.btn-side-drawer-trigger:hover{border-color:var(--neon-cyan);background:#232c45;box-shadow:0 0 12px #00f0ff4d}.drawer-icon{color:var(--neon-cyan);font-size:14px}.drawer-badge{font-size:12px}.drawer-level{color:var(--neon-cyan)}.side-drawer-overlay{z-index:200;width:100%;height:100%;transition:opacity .25s;display:flex;position:absolute;top:0;left:0}.side-drawer-overlay.hidden{opacity:0;pointer-events:none}.side-drawer-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080b14b3;width:100%;height:100%;position:absolute;top:0;left:0}.side-drawer-panel{z-index:210;background:#121724;border-right:1.5px solid #00f0ff4d;flex-direction:column;gap:16px;width:360px;max-width:85%;height:100%;padding:24px 20px;animation:.25s cubic-bezier(.16,1,.3,1) slideDrawer;display:flex;position:relative;box-shadow:10px 0 40px #000c,0 0 30px #00f0ff26}@keyframes slideDrawer{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid #20293d;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.drawer-title{color:var(--text-primary);font-size:18px;font-weight:800}.btn-close-drawer{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;font-weight:800;transition:all .2s}.btn-close-drawer:hover{color:#ff4d88;background:#ff005526}.drawer-section-label{letter-spacing:1px;color:var(--text-secondary);text-transform:uppercase;font-size:10px;font-weight:800}.drawer-diff-tabs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.drawer-diff-tab{color:var(--text-secondary);cursor:pointer;background:#181e30;border:1px solid #283350;border-radius:8px;justify-content:center;align-items:center;height:36px;font-size:12px;font-weight:800;transition:all .2s;display:flex}.drawer-diff-tab:hover{color:var(--text-primary);border-color:#ffffff4d}.drawer-diff-tab.easy.active{border-color:var(--neon-green);color:var(--neon-green);background:#00ff6626;box-shadow:0 0 10px #00ff664d}.drawer-diff-tab.normal.active{border-color:var(--neon-yellow);color:var(--neon-yellow);background:#ffdd0026;box-shadow:0 0 10px #ffdd004d}.drawer-diff-tab.hard.active{border-color:var(--neon-magenta);color:#ff4d88;background:#f053;box-shadow:0 0 12px #f056}.drawer-diff-tab.nightmare.active{border-color:var(--neon-purple);color:#e040fb;background:#ab47bc40;box-shadow:0 0 14px #ab47bc80}.drawer-levels-list{flex-direction:column;flex:1;gap:10px;padding-right:4px;display:flex;overflow-y:auto}.drawer-level-card{cursor:pointer;text-align:left;background:#192033;border:1px solid #283452;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;transition:all .2s;display:flex}.drawer-level-card:hover{border-color:var(--neon-cyan);background:#202b45;transform:translate(3px);box-shadow:0 4px 14px #00f0ff26}.drawer-level-card.active{border-color:var(--neon-green);background:#00ff6614;box-shadow:0 0 12px #0f63}.drawer-level-header{justify-content:space-between;align-items:center;display:flex}.drawer-level-title{color:var(--text-primary);font-size:14px;font-weight:800}.drawer-level-tag{color:var(--color-energy);font-size:11px;font-weight:700}.drawer-level-desc{color:var(--text-secondary);font-size:11px;line-height:1.35}.btn-drawer-play{color:var(--text-primary);cursor:pointer;background:#23304e;border:1px solid #364872;border-radius:6px;align-self:flex-end;margin-top:2px;padding:4px 10px;font-size:11px;font-weight:800;transition:all .2s}.drawer-level-card:hover .btn-drawer-play{background:var(--neon-cyan);border-color:var(--neon-cyan);color:#080b14}.drawer-level-card.active .btn-drawer-play{background:var(--neon-green);border-color:var(--neon-green);color:#080b14}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#080b14d9;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.modal-overlay.hidden{opacity:0;pointer-events:none}.modal-card{text-align:center;background:#141928;border:1.5px solid #00f0ff4d;border-radius:20px;flex-direction:column;align-items:center;gap:16px;width:440px;max-width:90%;padding:28px 36px;animation:.25s cubic-bezier(.175,.885,.32,1.275) modalPop;display:flex;box-shadow:0 20px 50px #000c,0 0 30px #00f0ff33}@keyframes modalPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.modal-title{color:var(--text-primary);font-size:20px;font-weight:800}.modal-subtitle{color:var(--text-secondary);font-size:13px}.modal-body{color:#d1d7e0;font-size:15px;font-weight:600;line-height:1.5}.modal-badge{border:1px solid var(--neon-green);color:var(--neon-green);letter-spacing:1px;background:#00ff6626;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:800}.stars-row{letter-spacing:6px;font-size:32px}.modal-actions{justify-content:center;align-items:center;gap:12px;width:100%;margin-top:8px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:12px;padding:10px 20px;font-size:14px;font-weight:800;transition:all .2s}.btn-confirm-sell{color:#0b1120;background:linear-gradient(135deg,#00f0ff,#09f);box-shadow:0 4px 16px #00f0ff66}.btn-confirm-sell:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00f0ff99}.btn-cancel{color:var(--text-secondary);background:#1e263d;border:1px solid #2e3b5e}.btn-cancel:hover{color:var(--text-primary);background:#273352}.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);box-shadow:0 4px 16px #a855f766}.btn-secondary{color:var(--text-primary);background:#1e263d;border:1px solid #2e3b5e}.tower-popover{z-index:90;pointer-events:auto;transition:opacity .15s,transform .15s;position:absolute;transform:translate(-50%,-100%)}.tower-popover.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-90%)scale(.9)}.popover-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1220f2;border:1.5px solid #00f0ff66;border-radius:20px;align-items:center;gap:6px;padding:4px 6px;animation:.2s cubic-bezier(.175,.885,.32,1.275) popoverBounce;display:flex;box-shadow:0 8px 24px #0009,0 0 16px #00f0ff40}.popover-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;font-size:11px;font-weight:800;transition:all .15s;display:inline-flex}.popover-btn.btn-sell{color:#fff;background:linear-gradient(135deg,#f05,#ff4d88);padding:4px 10px;box-shadow:0 2px 10px #f056}.popover-btn.btn-sell:hover{background:linear-gradient(135deg,#e6004c,#f37);transform:translateY(-1px);box-shadow:0 4px 14px #f059}.popover-btn.btn-close{color:var(--text-secondary);background:#1e263d;border-radius:50%;width:22px;height:22px;padding:0}.popover-btn.btn-close:hover{color:var(--text-primary);background:#2b3656}.player-profile-pill{color:var(--text-primary);cursor:pointer;background:#ffffff12;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.player-profile-pill:hover{background:#00f0ff26;border-color:#00f0ff66;transform:translateY(-1px);box-shadow:0 4px 12px #00f0ff33}.player-profile-pill .edit-icon{opacity:.6;font-size:11px;transition:opacity .2s}.player-profile-pill:hover .edit-icon{opacity:1}.best-wave-tag{color:#fd0;margin-left:4px;font-size:11px;font-weight:700}.profile-name-input{color:#fff;text-align:center;background:#0a0e17cc;border:1.5px solid #00f0ff66;border-radius:12px;outline:none;width:100%;padding:10px 14px;font-size:16px;font-weight:700;transition:border-color .2s}.profile-name-input:focus{border-color:#00f0ff;box-shadow:0 0 12px #00f0ff4d}.drawer-record-badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:800}.drawer-record-badge.cleared{color:#0f6;background:#00ff6626;border:1px solid #00ff664d}.drawer-record-badge.wave{color:#fd0;background:#ffdd0026;border:1px solid #ffdd004d}.drawer-record-badge.new{color:var(--text-secondary);background:#ffffff14}.record-badge{color:#000;background:linear-gradient(135deg,#fd0,#fa0);border-radius:20px;margin-bottom:10px;padding:4px 14px;font-size:13px;font-weight:900;display:inline-block;box-shadow:0 4px 15px #fd06}.record-badge.pulse{animation:1.5s infinite pulseGold}@keyframes pulseGold{0%{transform:scale(1);box-shadow:0 0 #ffdd00b3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #fd00}to{transform:scale(1);box-shadow:0 0 #fd00}}.record-detail{color:#fd0;margin-top:6px;margin-bottom:12px;font-size:14px;font-weight:800}.badge-nice-try{color:#ff2b75;background:#ff2b7533;border:1px solid #ff2b7566}.btn-highscore{color:#fd0;cursor:pointer;background:linear-gradient(135deg,#ffdd0026,#ffaa0040);border:1px solid #fd06;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:13px;font-weight:800;transition:all .2s;display:flex}.btn-highscore:hover{background:linear-gradient(135deg,#ffdd004d,#ffaa0073);transform:translateY(-1px);box-shadow:0 4px 14px #ffdd004d}.modal-card.modal-leaderboard{text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#101626f2;border:1.5px solid #00f0ff66;align-items:stretch;gap:12px;width:580px;max-width:95%;padding:24px 28px;box-shadow:0 20px 60px #000000d9,0 0 30px #00f0ff40}.lb-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.lb-title-group{align-items:center;gap:12px;display:flex}.lb-icon{font-size:30px}.lb-title-container{flex-direction:column;gap:2px;display:flex}.lb-title{color:#fff;letter-spacing:.5px;font-size:18px;font-weight:900}.lb-subtitle{color:var(--text-secondary);font-size:12px}.lb-player-highlight{color:#00f0ff}.lb-player-id{opacity:.7;color:var(--text-secondary);font-size:11px}.btn-close-modal{color:var(--text-secondary);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:900;transition:all .2s;display:flex}.btn-close-modal:hover{color:#fff;background:#ff2b754d;border-color:#ff2b7599;transform:scale(1.05)}.lb-section-label{color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;margin-top:6px;font-size:10px;font-weight:800}.lb-diff-tabs{gap:8px;width:100%;display:flex}.lb-diff-tab{color:var(--text-secondary);cursor:pointer;text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;flex:1;padding:8px 6px;font-size:12px;font-weight:800;transition:all .2s}.lb-diff-tab:hover{color:var(--text-primary);background:#ffffff14}.lb-diff-tab.active{color:#fff;background:#00f0ff26;border-color:#00f0ff;box-shadow:0 0 12px #00f0ff33}.lb-table{flex-direction:column;gap:8px;width:100%;max-height:260px;padding-right:4px;display:flex;overflow-y:auto}.lb-row{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex}.lb-row:hover{background:#ffffff0f;border-color:#ffffff26}.lb-row.cleared-row{background:#00ff660d;border-color:#00ff6640}.lb-col-level{flex:1;align-items:center;gap:10px;display:flex}.lb-level-badge{color:var(--neon-cyan);white-space:nowrap;background:#ffffff1a;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:900}.lb-level-names{flex-direction:column;gap:2px;display:flex}.lb-level-title{color:#fff;font-size:13px;font-weight:800}.lb-level-sub{color:var(--text-secondary);font-size:11px}.lb-col-wave{flex-direction:column;align-items:flex-end;padding:0 12px;display:flex}.lb-wave-val{color:#fd0;font-size:14px;font-weight:900}.lb-col-status{justify-content:flex-end;width:120px;display:flex}.lb-status{white-space:nowrap;border-radius:10px;padding:4px 10px;font-size:11px;font-weight:800}.lb-status.cleared{color:#0f6;background:#00ff6626;border:1px solid #00ff664d}.lb-status.wave-progress{color:#fd0;background:#ffdd0026;border:1px solid #ffdd004d}.lb-status.unplayed{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a}.lb-footer{color:var(--text-secondary);text-align:center;border-top:1px solid #ffffff14;margin-top:6px;padding-top:10px;font-size:11px}