:root{--neon-blue: #00f5ff;--neon-pink: #ff006e;--neon-green: #39ff14;--neon-gold: #ffcc00;--bg-deep: #02040a;--panel-h: 140px}.game-root{width:100vw;height:100vh;background:var(--bg-deep);color:#fff;font-family:JetBrains Mono,monospace;display:flex;flex-direction:column;overflow:hidden}.top-hud{height:50px;background:#000000f2;border-bottom:1px solid rgba(0,245,255,.3);display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:100}.res-box{display:flex;gap:20px}.res{display:flex;align-items:center;gap:6px;font-weight:700;font-size:.9rem}.icon-min{color:var(--neon-blue)}.icon-ene{color:var(--neon-green)}.center-info{display:flex;gap:15px;align-items:center}.wave-tag{color:var(--neon-pink);font-weight:900;font-size:.8rem;border:1px solid var(--neon-pink);padding:2px 8px}.sync-tag{font-size:.7rem;opacity:.6}.high-score{font-size:.8rem;color:var(--neon-gold)}.battlefield-container{flex:1;overflow:auto;position:relative;background:radial-gradient(circle at center,#0d1117,#02040a);scrollbar-width:thin;scrollbar-color:var(--neon-blue) transparent}.battlefield-map{position:relative;cursor:crosshair}.space-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,245,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.04) 1px,transparent 1px);background-size:80px 80px}.placement-ghost{position:absolute;pointer-events:none;transform:translate(-50%,-50%);z-index:200;display:flex;flex-direction:column;align-items:center}.ghost-icon{color:var(--neon-blue);opacity:.5;animation:pulse .8s infinite}.ghost-label{font-size:10px;color:var(--neon-blue);background:#000c;padding:2px 6px;margin-top:4px;border:1px solid var(--neon-blue)}.entity{position:absolute;transform:translate(-50%,-50%);z-index:10}.sprite img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 10px var(--neon-blue))}.enemy-img img{filter:drop-shadow(0 0 10px var(--neon-pink)) hue-rotate(280deg)}.hp-bar{width:40px;height:3px;background:#000;margin-bottom:5px;border:1px solid #222;overflow:hidden}.hp-val{height:100%;background:var(--neon-green);transition:width .3s}.hp-val.red{background:var(--neon-pink)}.select-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:1px dashed var(--neon-blue);border-radius:50%;animation:spin 4s linear infinite}.atk-line{position:absolute;height:2px;transform-origin:left center;pointer-events:none;z-index:5}.atk-line.scout{background:var(--neon-blue);box-shadow:0 0 10px var(--neon-blue)}.atk-line.fighter{background:var(--neon-pink);height:3px;box-shadow:0 0 12px var(--neon-pink)}.atk-line.turret{background:var(--neon-gold);height:4px;box-shadow:0 0 15px var(--neon-gold)}.bottom-panel{height:var(--panel-h);background:#05070c;border-top:1px solid var(--neon-blue);padding:10px 20px;z-index:100}.panel-inner{display:flex;gap:30px;height:100%}.unit-controls,.building-controls{flex:1;display:flex;flex-direction:column}.section-tag{font-size:10px;color:#444;margin-bottom:8px;text-transform:uppercase;display:flex;align-items:center;gap:5px}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.action-btn{background:#00f5ff08;border:1px solid rgba(0,245,255,.2);color:#fff;padding:8px 12px;cursor:pointer;flex:1;min-width:100px;display:flex;flex-direction:column;transition:.2s}.action-btn:hover{background:#00f5ff1a;border-color:var(--neon-blue)}.action-btn.active{background:var(--neon-blue);color:#000;border-color:#fff}.action-btn .n{font-size:12px;font-weight:700}.action-btn .c{font-size:10px;opacity:.7}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{max-width:500px;text-align:center;padding:40px;border:1px solid var(--neon-blue);background:#000}.glitch-title{font-size:2.5rem;color:var(--neon-blue);margin-bottom:20px;letter-spacing:5px}.story-box{line-height:1.6;color:#888;margin-bottom:30px;font-size:.9rem}.start-btn{background:var(--neon-blue);color:#000;border:none;padding:15px 50px;font-size:1.1rem;font-weight:700;cursor:pointer}.start-btn:hover{box-shadow:0 0 20px var(--neon-blue)}.float-anim{animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}