@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700;800;900&family=Nunito:wght@400;700;800;900&subset=latin-ext&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000}body{font-family:Nunito,sans-serif}#app{position:fixed;top:0;left:0;width:1280px;height:720px;overflow:hidden;transform-origin:top left}canvas{display:block}#hud{position:absolute;top:0;left:0;right:280px;height:52px;background:linear-gradient(180deg,#2d1b00,#1a1000);border-bottom:3px solid #8B6914;display:flex;align-items:center;padding:0 12px;gap:12px;z-index:20;box-shadow:0 2px 20px #0008}.hud-pill{display:flex;align-items:center;gap:7px;background:linear-gradient(135deg,#3d2a00,#221800);border:2px solid #8B6914;border-radius:30px;padding:5px 16px;box-shadow:0 2px 12px #0005,inset 0 1px #fff1}.hud-icon{font-size:20px}.hud-val{font-family:Rubik,cursive;font-size:22px;color:gold;text-shadow:0 0 10px #FFD70099,0 2px 0 #00000099;min-width:38px}.hud-label{font-size:10px;color:#c8a040;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}#speed-btn{margin-left:auto;padding:5px 14px;background:linear-gradient(135deg,#1a4a1a,#0d2a0d);border:2px solid #4aaa4a;border-radius:20px;color:#6eff6e;cursor:pointer;font-family:Rubik,cursive;font-size:15px;transition:all .2s}#speed-btn:hover{background:linear-gradient(135deg,#2a6a2a,#1a4a1a)}#pause-btn{padding:5px 14px;background:linear-gradient(135deg,#4a3a00,#2a2000);border:2px solid #aa8800;border-radius:20px;color:#fc0;cursor:pointer;font-family:Rubik,cursive;font-size:15px;transition:all .2s}#sidebar{position:absolute;top:0;right:0;width:280px;height:100%;background:linear-gradient(180deg,#1a1200,#0d0a00);border-left:3px solid #8B6914;z-index:20;display:flex;flex-direction:column}#sidebar-top{padding:8px;background:linear-gradient(180deg,#2d1b00,#1a1000);border-bottom:2px solid #8B6914;height:52px;display:flex;align-items:center;justify-content:center;font-family:Rubik,cursive;font-size:18px;color:gold;text-shadow:0 2px 8px #FFD70066;letter-spacing:1px}#tower-shop{flex:1;overflow-y:auto;padding:8px}#tower-shop::-webkit-scrollbar{width:5px}#tower-shop::-webkit-scrollbar-track{background:#1a1200}#tower-shop::-webkit-scrollbar-thumb{background:#8b6914;border-radius:3px}.shop-tower{background:linear-gradient(135deg,#2d2000,#161000);border:2px solid #3a2808;border-radius:12px;padding:9px;margin-bottom:7px;cursor:pointer;display:flex;align-items:center;gap:9px;transition:all .18s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0004}.shop-tower:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff08,transparent 60%);pointer-events:none}.shop-tower:hover{border-color:gold;background:linear-gradient(135deg,#3d2800,#1a1200);transform:translate(-3px);box-shadow:0 4px 16px #ffd70022}.shop-tower.sel{border-color:#0f8;background:linear-gradient(135deg,#003820,#001408);box-shadow:0 0 16px #0f83}.shop-tower.cant{opacity:.35;cursor:not-allowed;filter:saturate(.2)}.shop-icon{width:52px;height:52px;flex-shrink:0}.shop-right{flex:1}.shop-name{font-family:Rubik,cursive;font-size:14px;color:#ffe080;margin-bottom:2px}.shop-desc{font-size:10px;color:#9a7840;line-height:1.3}.shop-cost{font-family:Rubik,cursive;font-size:12px;color:gold;background:#3d2800;border:1px solid #8B6914;border-radius:12px;padding:2px 8px;margin-top:3px;display:inline-block;box-shadow:inset 0 1px #fff2}#upgrade-panel{position:absolute;bottom:0;left:0;width:1000px;background:linear-gradient(0deg,#1c1400fa,#1a1200ee);border-top:3px solid #8B6914;z-index:25;display:none;padding:12px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 -4px 30px #0008}#upgrade-panel.vis{display:block}.up-header{display:flex;align-items:center;gap:14px;margin-bottom:10px}.up-name{font-family:Rubik,cursive;font-size:22px;color:#ffe080;text-shadow:0 0 10px #FFD70044}.up-stats{font-size:11px;color:#c0a050;margin-top:3px;background:#2a1a00;padding:3px 10px;border-radius:20px;border:1px solid #5a3a10}.up-lvl{display:flex;gap:4px;margin-top:4px;align-items:center}.lvl-label{font-size:11px;font-weight:900;margin-right:4px}.up-paths{display:flex;gap:8px;margin-bottom:6px}.up-btn{width:100%;padding:7px 10px;border:2px solid transparent;border-radius:8px;font-family:Rubik,cursive;font-size:12px;cursor:pointer;transition:all .2s;margin-bottom:4px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.up-btn.gold{background:linear-gradient(135deg,#3a2a08,#1a1200);color:#8a7040;border-color:#3a2a08}.up-btn.gold.lit{background:linear-gradient(135deg,#c89020,#7a5010);color:#fff8cc;border-color:gold;box-shadow:0 0 16px #ffd70066,inset 0 1px #fff4;animation:btnPulseGold 1.6s ease-in-out infinite}.up-btn.gold.lit:hover{background:linear-gradient(135deg,#f0b030,#c08020);box-shadow:0 0 28px #ffd700aa;transform:scale(1.02)}@keyframes btnPulseGold{0%,to{box-shadow:0 0 12px #ffd70055}50%{box-shadow:0 0 24px #ffd700bb,0 0 40px #ffd70033}}.up-btn.teal{background:linear-gradient(135deg,#002a1c,#001210);color:#2a7a5a;border-color:#002a1c}.up-btn.teal.lit{background:linear-gradient(135deg,#0a6,#005a38);color:#ccffe8;border-color:#0fc;box-shadow:0 0 16px #0fc5,inset 0 1px #fff3;animation:btnPulseTeal 1.6s ease-in-out infinite}.up-btn.teal.lit:hover{background:linear-gradient(135deg,#0c8,#0a6);box-shadow:0 0 28px #0fca;transform:scale(1.02)}@keyframes btnPulseTeal{0%,to{box-shadow:0 0 12px #0fc4}50%{box-shadow:0 0 24px #0fca,0 0 40px #0fc2}}.up-btn.locked{background:linear-gradient(135deg,#1a1200,#0d0a00);color:#444;border-color:#2a2000;cursor:not-allowed}.up-btn.blocked{background:linear-gradient(135deg,#2a0a0a,#160505);color:#644;border-color:#3a1010;cursor:not-allowed}.up-btn.blocked .btn-cost{color:#633}.up-btn.locked .lock-ico{opacity:.4}.up-btn.done{background:linear-gradient(135deg,#0a2a0a,#051505);color:#4c4;border-color:#262;cursor:default}.up-btn.done:after{content:"✔";margin-left:6px;color:#4f4}.up-btn.lit:before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:shimmer 2s ease-in-out infinite;pointer-events:none}@keyframes shimmer{0%{left:-60%}to{left:120%}}.up-path{flex:1;background:linear-gradient(180deg,#201800,#140e00);border:2px solid #3a2800;border-radius:10px;padding:10px}.up-path.a{border-color:#5a4010}.up-path.b{border-color:#005a38}.up-path.a:has(.up-btn.lit){border-color:gold;box-shadow:0 0 10px #ffd70033}.up-path.b:has(.up-btn.lit){border-color:#0fc;box-shadow:0 0 10px #0fc2}.up-path-title{font-family:Rubik,cursive;font-size:13px;margin-bottom:6px;display:flex;align-items:center;gap:6px}.up-path.a .up-path-title{color:gold}.up-path.b .up-path-title{color:#0fc}.up-dot{width:14px;height:14px;border-radius:50%;background:#222;border:2px solid #444;transition:all .3s}.up-dot.fa{background:gold;border-color:gold;box-shadow:0 0 8px gold}.up-dot.fb{background:#0fc;border-color:#0fc;box-shadow:0 0 8px #0fc}.up-btn.purp{background:linear-gradient(135deg,#1a0a2a,#0d0514);color:#7a4a9a;border-color:#1a0a2a}.up-btn.purp.lit{background:linear-gradient(135deg,#84c,#4a1a88);color:#f0ccff;border-color:#c8f;box-shadow:0 0 16px #a4f6,inset 0 1px #fff4;animation:btnPurgePurp 1.6s ease-in-out infinite}.up-btn.purp.lit:hover{background:linear-gradient(135deg,#a6e,#84c);box-shadow:0 0 28px #c8fa;transform:scale(1.02)}@keyframes btnPurgePurp{0%,to{box-shadow:0 0 12px #a4f4}50%{box-shadow:0 0 24px #c8fa,0 0 40px #a4f2}}.up-btn.purp.lit .btn-cost{color:#c8f}.up-path.c{border-color:#3a1a5a}.up-path.c .up-path-title{color:#c8f}.up-path.c:has(.up-btn.lit){border-color:#c8f;box-shadow:0 0 10px #c8f2}.up-dot.fc{background:#c8f;border-color:#c8f;box-shadow:0 0 8px #c8f}.btn-cost{background:#0006;border-radius:12px;padding:2px 8px;font-size:11px;white-space:nowrap}.up-btn.lit .btn-cost{background:#0000004d;color:gold}.up-btn.teal.lit .btn-cost{color:#0fc}.side-btns{display:flex;flex-direction:column;gap:6px;min-width:120px}.sell-btn{padding:9px 14px;background:linear-gradient(135deg,#6a2000,#3a0d00);border:2px solid #cc4422;border-radius:10px;color:#f97;font-family:Rubik,cursive;font-size:13px;cursor:pointer;transition:all .2s;text-align:center;line-height:1.3;box-shadow:0 2px 10px #a203}.sell-btn:hover{background:linear-gradient(135deg,#9a3000,#6a2000);color:#fba;box-shadow:0 0 16px #c406}.close-btn{padding:9px 14px;background:linear-gradient(135deg,#252015,#181008);border:2px solid #4a3820;border-radius:10px;color:#8a7050;font-family:Rubik,cursive;font-size:13px;cursor:pointer;transition:all .2s;text-align:center}.close-btn:hover{background:linear-gradient(135deg,#352a1a,#252015);color:#b09060}#wave-btn:hover:not([disabled]){background:linear-gradient(135deg,#2a8a2a,#1a6a1a)!important;box-shadow:0 0 30px #0f06;transform:scale(1.03)}#wave-btn[disabled]{opacity:.5;cursor:not-allowed}#auto-btn:hover{filter:brightness(1.2)}#mainMenu{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 40% 30%,#1a3a0a,#0a1804 55%,#030a02);z-index:210;overflow:hidden}#mainMenu:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 20%,rgba(255,215,0,.08) 0%,transparent 50%),radial-gradient(circle at 30% 80%,rgba(255,100,0,.05) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(100,255,100,.03) 0%,transparent 60%);pointer-events:none}.mm-birds{font-size:100px;margin-bottom:12px;animation:bob 2.5s ease-in-out infinite;filter:drop-shadow(0 8px 24px rgba(0,0,0,.5))}.mm-title{font-family:Rubik,cursive;font-size:88px;background:linear-gradient(180deg,#fff,#ffe44d 30%,#ff8c00,#f40);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 28px #FFD70099) drop-shadow(0 10px 50px #FF880055);margin-bottom:4px;line-height:1;text-align:center;letter-spacing:-1px}.mm-tagline{font-family:Rubik,cursive;font-size:22px;color:#8c8;text-shadow:0 2px 12px rgba(0,0,0,.6),0 0 30px rgba(136,204,136,.2);margin-bottom:32px;letter-spacing:4px;text-transform:uppercase}.mm-buttons{display:flex;flex-direction:column;gap:14px;align-items:center;margin-bottom:28px}.mm-btn{font-family:Rubik,cursive;border:none;border-radius:50px;cursor:pointer;transition:all .25s cubic-bezier(.17,.67,.35,1.2);text-align:center;letter-spacing:1px}.mm-btn-play{padding:18px 80px;font-size:28px;background:linear-gradient(135deg,gold,#ff8c00);color:#1a0800;box-shadow:0 6px 30px #ffd70066,0 0 60px #ffd70022;border:3px solid #FFE44D}.mm-btn-play:hover{transform:scale(1.08);box-shadow:0 8px 40px #ffd70088,0 0 80px #ffd70044;border-color:#fff}.mm-btn-how{padding:12px 50px;font-size:18px;background:linear-gradient(135deg,#2a4a1a,#1a3a0a);color:#8c8;box-shadow:0 4px 20px #0004;border:2px solid #4a8a4a}.mm-btn-how:hover{transform:scale(1.06);border-color:#8c8;color:#afa}.mm-footer{display:flex;gap:12px;color:#3a6a3a;font-size:12px;position:absolute;bottom:20px}.mm-back-btn{position:absolute;top:20px;left:20px;z-index:5;font-family:Rubik,cursive;font-size:16px;padding:10px 22px;background:linear-gradient(135deg,#2a3a1a,#1a2a0a);color:#8c8;border:2px solid #4a6a3a;border-radius:30px;cursor:pointer;transition:all .2s}.mm-back-btn:hover{border-color:#8c8;color:#afa;transform:scale(1.05)}#howToPlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 40% 30%,#1a3a0a,#0a1804 55%,#030a02);z-index:205;overflow:hidden}.htp-grid{display:grid;grid-template-columns:repeat(3,220px);gap:16px}.htp-card{background:linear-gradient(145deg,#1a2a0a,#0d1a04);border:2px solid #3a5a1a;border-radius:14px;padding:18px;text-align:center;transition:all .2s}.htp-card:hover{border-color:gold;transform:translateY(-4px)}.htp-icon{font-size:36px;margin-bottom:8px}.htp-h{font-family:Rubik,cursive;font-size:16px;color:gold;margin-bottom:6px}.htp-t{color:#8c8;font-size:12px;line-height:1.4}#menu{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 40% 30%,#2d4a1a,#0d1a08 55%,#050f04);z-index:200;overflow:hidden}#menu:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 20%,rgba(255,215,0,.06) 0%,transparent 50%),radial-gradient(circle at 30% 80%,rgba(255,100,0,.04) 0%,transparent 40%);pointer-events:none}.menu-title{font-family:Rubik,cursive;font-size:78px;background:linear-gradient(180deg,#fff,#ffe44d,#ff8c00 70%,#f40);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 24px #FFD70088) drop-shadow(0 8px 40px #FF880044);margin-bottom:8px;line-height:1;text-align:center;letter-spacing:-1px}.menu-sub{color:#8c8;font-size:18px;margin-bottom:24px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.5)}.map-select{display:flex;gap:16px;margin-bottom:10px;flex-wrap:wrap;justify-content:center}.map-card{background:linear-gradient(145deg,#1a2a0a,#0d1a04);border:3px solid #3a5a1a;border-radius:18px;cursor:pointer;transition:all .3s cubic-bezier(.17,.67,.35,1.2);overflow:hidden;width:200px;box-shadow:0 6px 24px #0006;position:relative}.map-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 40%,rgba(0,0,0,.1) 100%);pointer-events:none;border-radius:16px}.map-card:hover{transform:translateY(-10px) scale(1.05);border-color:gold;box-shadow:0 14px 40px #ffd70033,0 0 60px #ffd70011;z-index:1}.map-preview{width:100%;height:120px;display:block;border-bottom:2px solid #2a3a1a}.map-name{font-family:Rubik,cursive;font-size:16px;color:gold;text-align:center;padding:8px 6px 3px;text-shadow:0 2px 10px #FFD70066;letter-spacing:.5px}.map-desc{color:#8c8;font-size:11px;text-align:center;padding:0 6px 10px;font-weight:600}.map-card-custom .map-preview-custom{width:100%;height:120px;display:flex;align-items:center;justify-content:center;font-size:54px;border-bottom:2px solid #3a3a1a;background:linear-gradient(145deg,#2a2a10,#1a1a08)}#mapEditor{position:absolute;top:0;right:0;bottom:0;left:0;display:none;z-index:205;background:#111}.editor-wrap{display:flex;width:1280px;height:720px}.editor-canvas{cursor:crosshair;display:block}.editor-panel{width:280px;background:linear-gradient(180deg,#1a1200,#0d0a00);display:flex;flex-direction:column;padding:16px;gap:10px;border-left:3px solid #3a2a10}.editor-panel-title{font-family:Rubik,cursive;font-size:18px;color:gold;text-align:center;margin-bottom:4px}.editor-panel-sub{color:#8a6;font-size:12px;text-align:center;margin-bottom:8px}.editor-themes{display:flex;gap:8px;justify-content:center}.theme-btn{flex:1;padding:10px 4px;font-family:Rubik,cursive;font-size:13px;background:linear-gradient(135deg,#2a3a1a,#1a2a0a);color:#8c8;border:2px solid #3a5a2a;border-radius:12px;cursor:pointer;transition:all .2s;text-align:center}.theme-btn:hover{border-color:#8c8}.theme-btn.active{border-color:gold;color:gold;background:linear-gradient(135deg,#3a4a1a,#2a3a10)}.editor-info{color:#8a6;font-size:13px;text-align:center;padding:8px;background:#0003;border-radius:10px}.editor-btn{padding:12px;font-family:Rubik,cursive;font-size:15px;border:2px solid #4a6a3a;border-radius:30px;cursor:pointer;transition:all .2s;text-align:center}.editor-btn:hover{transform:scale(1.03)}.editor-btn-play{background:linear-gradient(135deg,gold,#ff8c00);color:#1a0800;font-size:18px;border-color:#ffe44d}.editor-btn-play:hover{box-shadow:0 0 20px #ffd70066}.editor-btn-play:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.editor-btn-undo{background:linear-gradient(135deg,#3a3a1a,#2a2a10);color:#ca4;border-color:#650}.editor-btn-clear{background:linear-gradient(135deg,#3a1a1a,#2a1010);color:#c64;border-color:#632}.editor-btn-back{background:linear-gradient(135deg,#2a3a1a,#1a2a0a);color:#8c8;border-color:#4a6a3a}.menu-birds{font-size:85px;margin-bottom:16px;animation:bob 2.5s ease-in-out infinite;filter:drop-shadow(0 6px 16px rgba(0,0,0,.4))}@keyframes bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-20px) rotate(3deg)}}#popup{position:absolute;top:0;right:0;bottom:0;left:0;background:#0008;display:none;align-items:center;justify-content:center;z-index:300;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#popup.vis{display:flex}.popup-box{background:linear-gradient(160deg,#1a1200,#2d2000);border:3px solid #8B6914;border-radius:20px;padding:46px;text-align:center;box-shadow:0 0 80px #ffd70044;min-width:360px}.popup-title{font-family:Rubik,cursive;font-size:48px;background:linear-gradient(180deg,#fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.popup-sub{color:#aaa;font-size:15px;margin-bottom:26px}.btn-restart{padding:15px 48px;font-family:Rubik,cursive;font-size:22px;background:linear-gradient(135deg,#f40,#f80);color:#fff;border:none;border-radius:50px;cursor:pointer;transition:all .2s;box-shadow:0 6px 25px #f406}.btn-restart:hover{transform:scale(1.06)}#round-notif{position:absolute;top:66px;left:50%;transform:translate(-50%);font-family:Rubik,cursive;font-size:30px;color:gold;text-shadow:0 0 20px #FFD700,0 4px 0 #00000088;z-index:100;pointer-events:none;opacity:0;transition:opacity .4s}#round-notif.show{opacity:1}.lang-select{position:absolute;top:18px;right:20px;display:flex;gap:6px;z-index:30}.lang-btn{background:linear-gradient(135deg,#1a2a0a,#0d1a04);border:2px solid #3a5a1a;color:#fff;border-radius:50%;width:38px;height:38px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s;padding:0;line-height:1}.lang-btn:hover{transform:scale(1.12);border-color:#8c8;box-shadow:0 0 12px #8c86}.lang-btn.active{border-color:gold;background:linear-gradient(135deg,#3a3a08,#1a1a04);box-shadow:0 0 14px #ffd70088}button:focus-visible,.shop-tower:focus-visible,.map-card:focus-visible{outline:3px solid #ffd54a;outline-offset:2px}.map-best{font-family:Rubik,cursive;font-size:11px;color:gold;text-align:center;padding:0 6px 8px;text-shadow:0 0 8px #FFD70044}#mute-btn{padding:5px 12px;background:linear-gradient(135deg,#2a2a3a,#15151f);border:2px solid #6677aa;border-radius:20px;color:#abe;cursor:pointer;font-size:15px;transition:all .2s}#mute-btn:hover{background:linear-gradient(135deg,#3a3a5a,#2a2a3a)}#gameCanvas,.editor-canvas{touch-action:none}button,.map-card,.shop-tower,.theme-btn{touch-action:manipulation}#pause-btn,#speed-btn,#mute-btn{min-height:36px;min-width:44px}@keyframes hudPulse{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.hud-pill.pulse{animation:hudPulse .25s ease-out}@keyframes hudHurt{0%{transform:scale(1);box-shadow:0 0 #f340}40%{transform:scale(1.14);box-shadow:0 0 22px #f34c}to{transform:scale(1)}}.hud-pill.hurt{animation:hudHurt .4s ease-out}@keyframes cardShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.shop-tower.shake{animation:cardShake .35s ease-in-out}.shop-tower.shake .shop-cost{color:#f55;border-color:#f55}button.shop-tower{font:inherit;text-align:left;width:100%;color:inherit}