:root{--bg-color: #1a1a2e;--panel-bg: rgba(255, 255, 255, .1);--text-main: #e0e0e0;--accent-gold: #ffd700;--accent-red: #ff4757;--accent-blue: #1e90ff;--path-color: #4b6584}body{margin:0;padding:0;background:var(--bg-color);color:var(--text-main);font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}.game-container{display:flex;flex-direction:column;height:100vh;max-width:1000px;margin:0 auto;position:relative}.hud{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);z-index:10}.hud-left{display:flex;gap:20px}.stat-badge{display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:700;background:#0006;padding:6px 16px;border-radius:20px;box-shadow:inset 0 2px 4px #0000004d}.icon.red{color:var(--accent-red)}.icon.gold{color:var(--accent-gold)}.icon.blue{color:var(--accent-blue)}.icon.spin{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wave-badge{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.cloud-sync{font-size:.9rem;display:flex;align-items:center;gap:5px;opacity:.9}.map-area{flex:1;position:relative;background:radial-gradient(circle at center,#2f3542,#1e272e);overflow:hidden;cursor:crosshair}.map-path-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.map-path{fill:none;stroke:var(--path-color);stroke-width:44;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}.map-decor{position:absolute;pointer-events:none}.weather-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.weather-overlay.flash{background:#ffffff26;animation:flash .4s infinite alternate}@keyframes flash{0%{opacity:0}to{opacity:1}}.weather-overlay.snow{background-image:radial-gradient(circle,rgba(255,255,255,.8) 2px,transparent 2px);background-size:60px 60px;animation:snowFall 2s linear infinite;opacity:.6}@keyframes snowFall{0%{background-position:0 0}to{background-position:60px 60px}}.base,.tower,.enemy{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center}.base{width:90px;height:90px;z-index:2}.base img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 15px rgba(0,191,255,.4));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.base-hp-bar{width:70px;height:6px;background:#0009;border-radius:3px;position:absolute;bottom:-15px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.base-hp-bar .fill{height:100%;background:linear-gradient(90deg,#ff4757,#ff6b81);transition:width .3s}.tower{width:55px;height:55px;z-index:3;cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.tower:hover{transform:translate(-50%,-50%) scale(1.15)}.tower.selected{z-index:10}.tower-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.build-anim{animation:buildPop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes buildPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.tower-level{position:absolute;bottom:-18px;font-size:11px;font-weight:700;background:#000c;padding:2px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.2)}.range-indicator{position:absolute;border:2px dashed rgba(255,255,255,.4);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none;animation:pulseRange 2s infinite}@keyframes pulseRange{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.tower-menu{position:absolute;top:-55px;display:flex;gap:8px;background:#14141ef2;padding:6px;border-radius:8px;box-shadow:0 8px 20px #0009;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tower-menu button{background:linear-gradient(180deg,#2ed573,#27ae60);border:none;color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.3)}.tower-menu button:disabled{background:#747d8c;cursor:not-allowed;opacity:.7}.tower-menu button.sell-btn{background:linear-gradient(180deg,#ff4757,#c0392b)}.enemy{width:45px;height:45px;z-index:4;transition:left .1s linear,top .1s linear}.enemy-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 5px 5px rgba(0,0,0,.5))}.enemy-img img{width:100%;height:100%;object-fit:contain}.enemy.fast .enemy-img{transform:scale(.8)}.enemy.tank .enemy-img{transform:scale(1.4)}.enemy-hp-bar{width:34px;height:5px;background:#0009;position:absolute;top:-12px;border-radius:3px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.enemy-hp-bar .fill{height:100%;background:#2ed573}.confused-icon{position:absolute;top:-28px;font-size:22px;animation:bounce 1s infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.enemy.confused .enemy-img{filter:hue-rotate(90deg) brightness(1.5) drop-shadow(0 0 10px #9c88ff)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.projectile{position:absolute;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);z-index:6}.projectile.bullet{background:#ffa502;box-shadow:0 0 8px #ffa502,0 0 15px #ffa502}.projectile.dream-wave{width:24px;height:24px;background:transparent;border:3px solid #9c88ff;box-shadow:0 0 12px #9c88ff inset,0 0 12px #9c88ff;animation:wavePulse .4s infinite}@keyframes wavePulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.explosion-effect{position:absolute;width:50px;height:50px;transform:translate(-50%,-50%);z-index:7;pointer-events:none;animation:explodeAnim .3s ease-out forwards}.explosion-effect img{width:100%;height:100%;object-fit:contain}@keyframes explodeAnim{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.floating-text{position:absolute;color:var(--accent-gold);font-weight:700;font-size:1.2rem;text-shadow:0 2px 4px rgba(0,0,0,.8);z-index:8;pointer-events:none;animation:floatUp 1s ease-out forwards}@keyframes floatUp{0%{transform:translate(-50%,-10px);opacity:1}to{transform:translate(-50%,-40px);opacity:0}}.empty-state-hint{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#0009;padding:10px 20px;border-radius:20px;color:#a4b0be;font-size:.9rem;border:1px dashed rgba(255,255,255,.2);pointer-events:none;animation:fadeInOut 2s infinite alternate}@keyframes fadeInOut{0%{opacity:.6}to{opacity:1}}.build-menu{display:flex;justify-content:center;gap:25px;padding:20px;background:var(--panel-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:10}.build-btn{position:relative;background:#00000080;border:2px solid rgba(255,255,255,.1);border-radius:14px;padding:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);width:110px;box-shadow:0 4px 6px #0000004d}.build-btn:hover:not(:disabled){background:#ffffff26;transform:translateY(-4px);border-color:#ffffff4d}.build-btn.active{border-color:var(--accent-gold);background:#ffd70026;box-shadow:0 0 20px #ffd70066;transform:translateY(-4px)}.build-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(1);transform:none}.shortcut-key{position:absolute;top:-8px;left:-8px;background:#34495e;color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid #2c3e50;box-shadow:0 2px 4px #00000080}.build-btn .icon-wrap{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.build-btn .info{display:flex;flex-direction:column;align-items:center;font-size:14px;font-weight:500}.build-btn .cost{color:var(--accent-gold);display:flex;align-items:center;gap:4px;font-weight:800;margin-top:5px;background:#0006;padding:2px 8px;border-radius:10px}.hint{position:absolute;top:-35px;background:#000c;padding:6px 18px;border-radius:20px;font-size:13px;font-weight:500;pointer-events:none;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 10px #00000080}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f0f19d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;color:#fff;text-align:center}.overlay h1{font-size:4.5rem;margin-bottom:10px;background:linear-gradient(to right,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.overlay h2{font-size:3rem;color:var(--accent-red);margin-bottom:15px;text-shadow:0 0 25px rgba(255,71,87,.6)}.overlay p{font-size:1.4rem;margin-bottom:35px;color:#dcdde1}.features{display:flex;gap:15px;margin-bottom:45px}.features span{background:#ffffff1a;padding:10px 20px;border-radius:25px;font-size:1.1rem;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 6px #0003}.primary-btn{background:linear-gradient(135deg,#00c6ff,#0072ff);color:#fff;border:none;padding:16px 45px;font-size:1.4rem;font-weight:700;border-radius:35px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s;box-shadow:0 10px 25px #0072ff66;border:2px solid rgba(255,255,255,.2)}.primary-btn:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 15px 30px #0072ff99}.new-record{color:var(--accent-gold)!important;font-weight:900;font-size:1.6rem!important;animation:pulseRecord 1.5s infinite;text-shadow:0 0 15px rgba(255,215,0,.5)}@keyframes pulseRecord{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pause-screen{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pause-screen h2{color:#fff;text-shadow:none;font-size:4rem;margin-bottom:20px}