@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Orbitron:wght@500;700;900&display=swap";:root{--bg: #0A0014;--surface: #1A0028;--primary: #00F5FF;--primary-dark: #00C2D1;--accent: #FF006E;--text: #F0F0FF;--text-muted: #A8A8C8;--border: #2A1845;--success: #10B981;--warning: #F59E0B;--danger: #FF006E;--primary-alpha-10: rgba(0, 245, 255, .1);--primary-alpha-50: rgba(0, 245, 255, .5);--accent-alpha-10: rgba(255, 0, 110, .1);--surface-alpha-90: rgba(26, 0, 40, .9);--path-color: #3A1F60;--radius: 4px;--shadow: 0 12px 36px rgba(0,0,0,.4), 0 0 28px #00F5FF26}body{margin:0;padding:0;box-sizing:border-box;background:linear-gradient(135deg,#0a0014,#1a0028),repeating-linear-gradient(0deg,transparent,transparent 39px,var(--primary-alpha-10) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,var(--accent-alpha-10) 40px);color:var(--text);font-family:JetBrains Mono,monospace;overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:100vh}.app-container{width:100vw;height:100vh;max-width:1200px;max-height:800px;background-color:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;position:relative;display:flex;flex-direction:column;border:1px solid var(--border)}.cloud-badge{position:absolute;top:10px;right:10px;background-color:var(--surface);color:var(--text-muted);padding:5px 10px;border-radius:var(--radius);font-size:.8em;z-index:100;box-shadow:var(--shadow);font-family:JetBrains Mono,monospace;border:1px solid var(--border)}.toast-message{position:absolute;top:20px;left:50%;transform:translate(-50%);background-color:var(--primary-dark);color:var(--surface);padding:10px 20px;border-radius:var(--radius);box-shadow:var(--shadow);z-index:101;font-family:Orbitron,monospace;font-size:1.1em;white-space:nowrap;text-shadow:0 0 8px var(--primary)}.start-screen,.game-over-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--bg) 0%,var(--surface) 100%);color:var(--text);font-family:Orbitron,monospace;gap:20px;z-index:10;border-radius:var(--radius);box-shadow:var(--shadow)}.game-title,.game-over-title{font-size:4em;margin-bottom:20px;text-shadow:0 0 20px var(--primary),0 0 30px var(--primary-dark);color:var(--primary)}.high-score-display,.final-score,.new-high-score{font-size:1.5em;color:var(--text);margin-bottom:10px;text-shadow:0 0 10px var(--text)}.new-high-score{color:var(--accent);font-weight:700;font-size:1.8em;text-shadow:0 0 15px var(--accent)}.loading-text{font-size:1.2em;color:var(--text-muted);text-shadow:0 0 5px var(--text-muted)}.start-button,.restart-button,.home-button{background-color:var(--primary);color:var(--bg);border:none;padding:15px 30px;border-radius:var(--radius);font-size:1.5em;cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:0 0 24px var(--primary);transition:all .3s ease;font-family:Orbitron,monospace}.start-button:hover,.restart-button:hover,.home-button:hover{background-color:var(--primary-dark);box-shadow:0 0 30px var(--primary-dark)}.home-button{background-color:var(--surface);color:var(--primary);box-shadow:0 0 24px var(--surface)}.home-button:hover{background-color:var(--border);box-shadow:0 0 30px var(--border)}.game-play-screen{display:flex;width:100%;height:100%}.hud{position:absolute;top:0;left:0;width:100%;background-color:var(--surface-alpha-90);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);box-shadow:var(--shadow);z-index:5;font-family:JetBrains Mono,monospace}.hud-item{display:flex;align-items:center;gap:8px;font-size:1.1em;color:var(--text);text-shadow:0 0 5px var(--text)}.hud-value{font-weight:700;color:var(--primary);text-shadow:0 0 8px var(--primary)}.pause-button{background-color:var(--text-muted);color:var(--surface);border:none;border-radius:var(--radius);width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 0 15px var(--text-muted);transition:all .3s ease}.pause-button:hover{background-color:var(--text);box-shadow:0 0 20px var(--text)}.game-map-container{flex-grow:1;position:relative;background-color:var(--bg);background-image:linear-gradient(var(--primary-alpha-10) 1px,transparent 1px),linear-gradient(90deg,var(--accent-alpha-10) 1px,transparent 1px);background-size:40px 40px;overflow:hidden;cursor:default;border-right:1px solid var(--border)}.game-map-container.placing-tower{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2300F5FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tower"><path d="M2 14.9V20h20v-5.1"/><path d="M13 19.9V14h-2v5.9"/><path d="M12 14V3"/><path d="M6 8l6-5 6 5"/><path d="M12 3v11"/></svg>') 12 12,crosshair}.game-map{width:100%;height:100%;position:relative}.path-segment-svg{z-index:1;overflow:visible}.path-segment-svg line{stroke:var(--path-color);stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 5px var(--path-color))}.castle{position:absolute;width:100px;height:100px;transform:translate(-50%,-50%);z-index:2}.castle img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px var(--primary))}.tower{position:absolute;width:50px;height:50px;transform:translate(-50%,-50%);z-index:3;cursor:pointer;transition:transform .1s ease-out;border-radius:var(--radius);display:flex;justify-content:center;align-items:center;font-size:2em}.tower img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px var(--primary));transition:filter .15s ease-out,transform .15s ease-out}.tower.selected{outline:2px solid var(--accent);outline-offset:4px;box-shadow:0 0 15px var(--accent);border-radius:var(--radius)}.tower.is-attacking img{filter:drop-shadow(0 0 15px var(--primary)) drop-shadow(0 0 25px var(--primary-dark));transform:scale(1.1)}.tower-level{position:absolute;bottom:-15px;background-color:var(--primary-dark);color:var(--surface);font-size:.7em;padding:2px 8px;border-radius:var(--radius);white-space:nowrap;box-shadow:0 0 10px var(--primary-dark)}.tower-range-indicator{position:absolute;border:2px dashed var(--primary-alpha-50);border-radius:50%;background-color:var(--primary-alpha-10);transform:translate(-50%,-50%);pointer-events:none;z-index:-1;left:50%;top:50%}.tower-placement-preview{position:absolute;width:50px;height:50px;z-index:4;pointer-events:none;border:2px dashed var(--primary);border-radius:var(--radius);display:flex;justify-content:center;align-items:center;font-size:2em;transform:translate(-50%,-50%);opacity:.7;box-shadow:0 0 15px var(--primary)}.tower-placement-preview img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px var(--primary))}.enemy{position:absolute;width:40px;height:40px;transform:translate(-50%,-50%);z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.8em}.enemy img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px var(--danger));transition:filter .1s ease-out}.enemy.is-hit img{filter:brightness(200%) saturate(200%) hue-rotate(-30deg) drop-shadow(0 0 10px var(--danger))}.enemy-health-bar-bg{width:80%;height:5px;background-color:#00000080;border-radius:5px;margin-top:2px;overflow:hidden;box-shadow:0 0 5px #00000080}.enemy-health-bar-fill{height:100%;background-color:var(--danger);border-radius:5px;transition:width .1s ease-out;box-shadow:0 0 8px var(--danger)}.explosion-effect{position:absolute;width:60px;height:60px;transform:translate(-50%,-50%);z-index:4;pointer-events:none;display:flex;justify-content:center;align-items:center;font-size:2.5em}.explosion-effect img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 15px var(--primary)) drop-shadow(0 0 25px var(--accent))}.pause-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text);font-size:2em;font-family:Orbitron,monospace;z-index:10;text-shadow:0 0 15px var(--primary)}.pause-overlay button{background-color:var(--primary);color:var(--bg);border:none;padding:10px 20px;border-radius:var(--radius);font-size:.8em;cursor:pointer;display:flex;align-items:center;gap:8px;margin-top:20px;box-shadow:0 0 20px var(--primary);transition:all .3s ease;font-family:Orbitron,monospace}.pause-overlay button:hover{background-color:var(--primary-dark);box-shadow:0 0 25px var(--primary-dark)}.empty-state-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-muted);font-size:1.5em;font-family:Orbitron,monospace;text-shadow:0 0 10px var(--text-muted);z-index:1;pointer-events:none}.empty-state-message p{margin:5px 0}.sidebar{width:250px;background-color:var(--surface);border-left:1px solid var(--border);padding:20px;display:flex;flex-direction:column;gap:20px;position:relative;overflow-y:auto;box-shadow:-2px 0 8px #0003}.tower-shop h3,.tower-info-panel h3{font-family:Orbitron,monospace;color:var(--primary);margin-top:0;margin-bottom:15px;font-size:1.5em;text-shadow:0 0 10px var(--primary)}.shop-item{width:100%;background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:10px;margin-bottom:10px;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 0 10px #0000004d;transition:all .2s ease;font-family:JetBrains Mono,monospace}.shop-item:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 0 15px var(--primary-alpha-50)}.shop-item.selected{border-color:var(--accent);box-shadow:0 0 15px var(--accent)}.shop-item.disabled{opacity:.5;cursor:not-allowed;background-color:var(--surface);box-shadow:none}.shop-item img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 0 5px var(--primary))}.shop-item span{font-size:1.1em;font-weight:500;color:var(--text)}.shop-item-info{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1}.shop-item .cost{display:flex;align-items:center;gap:5px;color:var(--accent);font-weight:700;font-size:.9em;text-shadow:0 0 5px var(--accent)}.tower-info-panel{position:absolute;top:0;right:0;width:100%;height:100%;background-color:var(--surface-alpha-90);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px;box-shadow:-2px 0 15px #00000080;z-index:10;display:flex;flex-direction:column;gap:10px;font-family:JetBrains Mono,monospace;border-left:1px solid var(--border)}.tower-info-panel p{margin:5px 0;font-size:1em;color:var(--text)}.tower-info-panel .tower-description{font-size:.85em;color:var(--text-muted);margin-top:10px;line-height:1.4}.upgrade-button,.close-panel-button{background-color:var(--primary);color:var(--bg);border:none;padding:10px 15px;border-radius:var(--radius);font-size:1em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 15px var(--primary);transition:all .3s ease;font-family:Orbitron,monospace;margin-top:15px}.upgrade-button:hover{background-color:var(--primary-dark);box-shadow:0 0 20px var(--primary-dark)}.upgrade-button:disabled{background-color:var(--text-muted);cursor:not-allowed;opacity:.7;box-shadow:none}.close-panel-button{background-color:var(--danger);box-shadow:0 0 15px var(--danger)}.close-panel-button:hover{background-color:#c62828;box-shadow:0 0 20px #c62828}.tower span,.enemy span,.shop-item span,.castle span,.tower-placement-preview span,.explosion-effect span{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:inherit}