*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#2a2a2a;width:100%;height:100%;font-family:Arial,sans-serif;overflow:hidden}body{place-items:center;display:grid;position:relative}.hidden,#map-selection-screen.hidden{display:none}#map-selection-screen{z-index:1000;background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:40px;display:flex;position:fixed;top:0;left:0}.map-selection-header{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin-bottom:40px;display:flex}#map-selection-screen h1{color:#fff;text-shadow:2px 2px 4px #00000080;margin:0;font-size:48px}.language-selector{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:8px;outline:none;padding:8px 16px;font-size:16px;transition:all .3s}.language-selector:hover{background:#ffffff26;border-color:#ffffff4d}.language-selector:focus{border-color:#6496ff99;box-shadow:0 0 0 3px #6496ff33}.language-selector option{color:#fff;background:#2a2a2a}.custom-tooltip{color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);word-wrap:break-word;white-space:normal;background:#000000f2;border:1px solid #ffffff26;border-radius:6px;max-width:300px;padding:8px 12px;font-size:13px;font-weight:500;line-height:1.4;box-shadow:0 4px 12px #00000080}.canvas-tooltip{color:#fffffff2;-webkit-backdrop-filter:blur(16px)saturate(180%);background:#0a0a0feb;border:1px solid #6496ff4d;border-radius:10px;min-width:220px;padding:12px 16px;font-size:13px;box-shadow:0 8px 32px #000000b3,inset 0 0 0 1px #ffffff1a,0 2px 8px #6496ff33}.canvas-tooltip .tooltip-header{color:#6ab0ff;text-shadow:0 0 10px #6ab0ff80;border-bottom:1px solid #6496ff33;margin-bottom:10px;padding-bottom:8px;font-size:15px;font-weight:700}.canvas-tooltip .tooltip-row{justify-content:space-between;padding:4px 0;font-size:12px;display:flex}.canvas-tooltip .tooltip-label{color:#ffffffa6;font-weight:500}.canvas-tooltip .tooltip-value{color:#fffffff2;text-align:right;font-weight:600}.canvas-tooltip .tooltip-effect{color:#f39c12;border-top:1px solid #f39c1233;margin-top:6px;padding-top:8px}.canvas-tooltip .tooltip-effect .tooltip-label{color:#f39c12cc}.canvas-tooltip .tooltip-effect .tooltip-value{color:#f39c12}.canvas-tooltip .tooltip-divider{background:linear-gradient(90deg,#0000,#6496ff4d,#0000);height:1px;margin:8px 0}.canvas-tooltip .tooltip-stats{color:#2ecc71}.canvas-tooltip .tooltip-stats .tooltip-label{color:#2ecc71cc}.canvas-tooltip .tooltip-stats .tooltip-value{color:#2ecc71;font-weight:700}#map-cards-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;width:100%;max-width:1200px;display:grid}.map-card{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;padding:24px;transition:all .3s}.map-card:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-8px);box-shadow:0 8px 24px #0000004d}.map-preview{border:2px solid #ffffff1a;border-radius:8px;width:100%;height:120px;margin-bottom:16px}.map-card h2{color:#fff;margin-bottom:8px;font-size:24px}.map-card p{color:#ffffffb3;font-size:14px;line-height:1.5}.load-save-container{justify-content:center;margin-bottom:30px;display:flex}.load-save-btn{color:#ffffffe6;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6496ff26;border:2px solid #6496ff66;border-radius:12px;align-items:center;gap:12px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.load-save-btn:hover{background:#6496ff40;border-color:#6496ff99;transform:translateY(-2px);box-shadow:0 4px 16px #6496ff4d}.load-save-btn svg{width:20px;height:20px}#build-info{color:#fff6;-webkit-user-select:none;user-select:none;font-family:monospace;font-size:12px;position:absolute;bottom:20px;right:20px}#game-container{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}#ui-overlay{pointer-events:none;z-index:10;position:absolute;inset:0}#stats{pointer-events:auto;flex-direction:column;gap:6px;display:flex;position:absolute;top:10px;left:10px}.stat-item{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000bf;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.stat-item:hover{background-color:#000000d9;border-color:#fff3}.stat-item i{color:#fffc;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.stat-item svg{width:16px;height:16px}.stat-item span{font-variant-numeric:tabular-nums}#fps-info{position:absolute;bottom:10px;left:10px}#fps-counter{color:#fff;background-color:#000000b3;border-radius:5px;padding:5px 10px;font-size:12px}#game-container #canvas{border:2px solid #444;box-shadow:0 0 20px #00000080}.tower-menu{z-index:1000;background:linear-gradient(135deg,#2a2a3e 0%,#1e1e2e 100%);border:2px solid #4a4a6a;border-radius:8px;min-width:220px;padding:0;font-family:Arial,sans-serif;position:fixed;box-shadow:0 8px 24px #00000080}.tower-menu.hidden{display:none}.tower-menu-header{background:#0000004d;border-bottom:1px solid #4a4a6a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.tower-menu-header h3{color:#fff;margin:0;font-size:16px;font-weight:700}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:24px;transition:background-color .2s;display:flex}.close-btn:hover{background-color:#ffffff1a}.tower-menu-content{padding:16px}.tower-stats{margin-bottom:16px}.stat-row{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:6px 0;display:flex}.stat-row:last-child{border-bottom:none}.stat-label{color:#aaa;font-size:13px}.stat-value{color:#fff;font-size:13px;font-weight:700}.tower-actions{flex-direction:column;gap:8px;display:flex}.menu-btn{cursor:pointer;border:none;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.menu-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.menu-btn:disabled{opacity:.5;cursor:not-allowed}.upgrade-btn{color:#fff;background:linear-gradient(135deg,#4caf50 0%,#45a049 100%)}.upgrade-btn:hover:not(:disabled){background:linear-gradient(135deg,#5bc05f 0%,#4caf50 100%)}.sell-btn{color:#fff;background:linear-gradient(135deg,#f44336 0%,#d32f2f 100%)}.sell-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff5a4f 0%,#f44336 100%)}.btn-label{font-weight:700}.btn-cost{background:#0003;border-radius:4px;padding:4px 8px;font-size:12px}.shop-button{color:#fff;cursor:pointer;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#000000bf;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:700;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:absolute;top:58px;right:10px}.shop-button:hover{background:#000000d9;border-color:#fff3;transform:translateY(-2px)}.shop-button.hidden{opacity:0;pointer-events:none;transform:translateY(-100px)}.shop-button.volume-open{transform:translate(-45px)}.shop-button.volume-open:hover{transform:translate(-45px,-2px)}#game-controls.shop-open~.shop-button{transform:translateY(-100px)}#game-controls.shop-open~.shop-button.volume-open{transform:translate(-45px,-100px)}.shop-button-icon{color:#fff;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.shop-button-text{color:#fff;font-size:14px;font-weight:700}.tower-shop{z-index:1100;background:linear-gradient(135deg,#2a2a3e 0%,#1e1e2e 100%);border:2px solid #4a4a6a;border-right:none;border-radius:8px 0 0 8px;flex-direction:column;width:300px;max-height:calc(100% - 20px);transition:right .5s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:absolute;top:10px;right:-320px;overflow:hidden;box-shadow:-4px 0 24px #00000080}.tower-shop.open{right:10px}.shop-header{background:#0000004d;border-bottom:1px solid #4a4a6a;justify-content:space-between;align-items:center;padding:16px;display:flex}.shop-header h2{color:#fff;margin:0;font-size:18px;font-weight:700}.shop-toggle{color:#fff;cursor:pointer;background:#f4433633;border:1px solid #f4433666;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}.shop-toggle:hover{background:#f443364d;border-color:#f4433699}.shop-content{flex:1;padding:16px;overflow-y:auto}.tower-list{flex-direction:column;gap:12px;display:flex}.shop-content::-webkit-scrollbar{width:10px}.shop-content::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.shop-content::-webkit-scrollbar-thumb{background:#6496ff66;border:2px solid #0000004d;border-radius:5px}.shop-content::-webkit-scrollbar-thumb:hover{background:#6496ff99}.shop-content{scrollbar-width:thin;scrollbar-color:#6496ff66 #0000004d}.tower-card{background:#0003;border:2px solid #ffffff1a;border-radius:8px;padding:12px;transition:all .3s}.tower-card:hover{background:#0000004d;border-color:#6496ff66}.tower-card.selected{background:#00ff001a;border-color:#64ff6499;box-shadow:0 0 20px #0f03}.tower-card.affordable{border-color:#4caf5066}.tower-card.locked{opacity:.6;cursor:not-allowed;border-color:#9696964d}.tower-card.locked:hover{background:#0003;border-color:#96969666}.tower-lock-info{color:#aaa;background:#96969633;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;font-weight:700;display:flex}.lock-icon{color:#999;width:16px;height:16px}.unlock-notice{color:#b8d4ff;background:linear-gradient(135deg,#6496ff1a 0%,#5078c81a 100%);border:1px solid #6496ff4d;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:12px 16px;font-size:13px;display:flex}.notice-icon{color:#7ab8ff;flex-shrink:0;width:16px;height:16px}.tower-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tower-name{color:#fff;margin:0;font-size:16px;font-weight:700}.tower-cost{color:gold;font-size:16px;font-weight:700}.tower-stats-mini{gap:12px;margin-bottom:8px;display:flex}.stat-mini{color:#aaa;align-items:center;gap:4px;font-size:12px;display:flex}.stat-icon{color:#ffffffb3;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.stat-value{color:#fff;font-weight:700}.tower-description{color:#999;margin:0 0 12px;font-size:12px;line-height:1.4}.buy-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);border:none;border-radius:6px;width:100%;padding:10px;font-size:14px;font-weight:700;transition:all .2s}.buy-btn:hover:not(:disabled){background:linear-gradient(135deg,#5bc05f 0%,#4caf50 100%);transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.buy-btn:disabled{cursor:not-allowed;opacity:.5;background:linear-gradient(135deg,#666 0%,#555 100%)}.btn-text{display:block}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;align-items:flex-start;gap:12px;width:350px;display:flex;position:absolute;bottom:20px;left:20px}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:linear-gradient(135deg,#1e1e2efa 0%,#14141efa 100%);border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:14px;width:100%;padding:16px 24px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;overflow:hidden;transform:scale(.8);box-shadow:0 8px 32px #0009,0 2px 8px #0006,inset 0 1px #ffffff1a}.toast.show{opacity:1;transform:scale(1)}.toast.hide{opacity:0;transform:scale(.8)}.toast-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.toast-icon svg{width:20px;height:20px}.toast-info .toast-icon{color:#6496ff;background:#6496ff33;border:1px solid #6496ff4d}.toast-info .toast-icon svg{color:#6496ff;stroke:#6496ff}.toast-success .toast-icon{color:#4caf50;background:#4caf5033;border:1px solid #4caf504d}.toast-success .toast-icon svg{color:#4caf50;stroke:#4caf50}.toast-error .toast-icon{color:#f44336;background:#f4433633;border:1px solid #f443364d}.toast-error .toast-icon svg{color:#f44336;stroke:#f44336}.toast-warning .toast-icon{color:#ffc800;background:#ffc80033;border:1px solid #ffc8004d}.toast-warning .toast-icon svg{color:#ffc800;stroke:#ffc800}.toast-message{color:#fff;flex:1;font-size:15px;font-weight:500;line-height:1.4}.keybind-hints{z-index:9000;pointer-events:none;gap:16px;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%)}.keybind-hints.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(-20px)}.keybind-hint{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14141ef2;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;display:flex;box-shadow:0 4px 16px #00000080}.keybind-key{color:#fff;text-transform:uppercase;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-size:13px;font-weight:600;display:flex;box-shadow:0 2px 4px #0000004d}.keybind-key svg{width:18px;height:18px}.keybind-action{color:#ffffffe6;white-space:nowrap;font-size:14px;font-weight:500}#game-controls{pointer-events:auto;transform-origin:100% 0;gap:8px;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:absolute;top:10px;right:10px}#game-controls.shop-open{transform:translateY(-100px)}.control-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:#fffc;background:#000000bf;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.control-btn:hover{color:#fff;background:#000000d9;border-color:#ffffff4d;transform:translateY(-2px)}.control-btn:active{transform:translateY(0)}.control-btn.active{color:#4a90e2;background:#4a90e24d;border-color:#4a90e280}.control-btn svg{width:20px;height:20px}.start-wave-btn{color:#4a90e2;background:#4a90e24d;border-color:#4a90e280;gap:6px;width:auto;padding:0 12px;font-size:14px;font-weight:600}.start-wave-btn:hover{background:#4a90e280;border-color:#4a90e2b3}.start-wave-btn.hidden{display:none}#volume-control{position:relative}#volume-btn.muted{color:#ff6b6b;border-color:#ff6b6b4d}#volume-control:after{content:"";pointer-events:auto;width:40px;height:15px;position:absolute;top:40px;right:0}#volume-popup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#000000d9;border:1px solid #fff3;border-radius:8px;flex-direction:column;align-items:center;gap:10px;width:40px;padding:12px 0;transition:all .4s;display:flex;position:absolute;top:48px;right:0;transform:translateY(-10px)}#volume-control:hover #volume-popup,#volume-control:hover:after,#volume-popup:hover{opacity:1;pointer-events:auto;transform:translateY(0)}#volume-slider{appearance:slider-vertical;cursor:pointer;background:0 0;outline:none;width:6px;height:100px;margin:0 auto;padding:0;display:block}#volume-slider::-webkit-slider-runnable-track{background:#fff3;border-radius:3px;width:6px;height:100px}#volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#4a90e2;border-radius:50%;width:16px;height:16px;transition:all .2s}#volume-slider::-webkit-slider-thumb:hover{background:#5aa5f7;transform:scale(1.2)}#volume-slider::-moz-range-track{background:#fff3;border:none;border-radius:3px;width:6px;height:100px}#volume-slider::-moz-range-thumb{cursor:pointer;background:#4a90e2;border:none;border-radius:50%;width:16px;height:16px;transition:all .2s}#volume-slider::-moz-range-thumb:hover{background:#5aa5f7;transform:scale(1.2)}#volume-percentage{color:#ffffffe6;text-align:center;font-size:11px;font-weight:600}@media (max-width:768px){#map-selection-screen{-webkit-overflow-scrolling:touch;padding:20px 16px;overflow-y:auto}#map-selection-screen h1{margin-bottom:20px;font-size:32px}.map-selection-header{flex-direction:column;gap:16px}#map-cards-container{grid-template-columns:1fr;gap:16px;max-width:100%}.map-card{padding:16px}.map-card h2{font-size:20px}.map-card p{font-size:13px}#stats{gap:4px;top:5px;left:5px}.stat-item{gap:6px;padding:6px 10px;font-size:12px}.stat-item i,.stat-item svg{width:14px;height:14px}#game-controls{gap:6px;top:5px;right:5px}.control-btn{width:44px;height:44px}.control-btn svg{width:22px;height:22px}.start-wave-btn{padding:0 10px;font-size:13px}.shop-button{padding:10px 12px;font-size:13px;top:54px;right:5px}.tower-shop{border-radius:0;width:85%;max-width:320px;max-height:100%;top:0;right:-100%}.tower-shop.open{right:0}.tower-menu{min-width:calc(100% - 40px);max-width:400px;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}.toast-container{align-items:center;width:calc(100% - 32px);max-width:350px;bottom:80px;left:50%;transform:translate(-50%)}.toast{width:100%;padding:14px 20px}.toast-icon{width:28px;height:28px}.toast-icon svg{width:18px;height:18px}.toast-message{font-size:14px}.keybind-hints{display:none}#fps-info{bottom:5px;left:5px}#fps-counter{padding:4px 8px;font-size:10px}.canvas-tooltip{min-width:180px;padding:10px 14px;font-size:12px}.canvas-tooltip .tooltip-header{margin-bottom:8px;padding-bottom:6px;font-size:14px}.canvas-tooltip .tooltip-row{font-size:11px}#volume-control:after{height:20px}#build-info{font-size:10px;bottom:10px;right:10px}.custom-tooltip{max-width:250px;padding:6px 10px;font-size:12px}.load-save-btn{width:100%;max-width:300px}}@media (max-width:480px){#map-selection-screen h1{font-size:24px}.map-preview{height:100px}#stats{flex-flow:wrap;gap:3px}.stat-item{padding:5px 8px;font-size:11px}.control-btn{width:40px;height:40px}.control-btn svg{width:20px;height:20px}.tower-shop{width:90%}.tower-menu{min-width:calc(100% - 20px)}.toast{padding:12px 16px}.toast-message{font-size:13px}}@media (max-height:500px) and (orientation:landscape){#stats{flex-direction:row;gap:4px}.stat-item{padding:4px 8px;font-size:11px}#game-controls{flex-direction:column}.toast-container{bottom:10px}.tower-menu{min-width:auto;max-width:350px;bottom:5px}}@media (hover:none) and (pointer:coarse){.map-card:hover,.control-btn:hover,.menu-btn:hover:not(:disabled),.buy-btn:hover:not(:disabled){transform:none}.map-card:active{background:#ffffff1f;transform:scale(.98)}.control-btn:active{background:#000000e6;transform:scale(.95)}.menu-btn:active:not(:disabled),.buy-btn:active:not(:disabled),.load-save-btn:active{opacity:.9;transform:scale(.98)}#volume-control:hover #volume-popup,#volume-control:hover:after{opacity:0;pointer-events:none;transform:translateY(-10px)}#volume-control.active #volume-popup{opacity:1;pointer-events:auto;transform:translateY(0)}#volume-btn{position:relative}#volume-control.active #volume-btn{background:#4a90e24d;border-color:#4a90e280}}