:root{--bg: #020617;--panel: rgba(15, 23, 42, .9);--neon-cyan: #22d3ee;--neon-pink: #f472b6;--neon-green: #4ade80;--neon-yellow: #fbbf24;--grid: rgba(34, 211, 238, .08)}.cyber-pvz-v3{width:100vw;height:100vh;background:var(--bg);color:#fff;font-family:Orbitron,sans-serif;display:flex;flex-direction:column;overflow:hidden}.game-header{height:50px;background:var(--panel);border-bottom:1px solid var(--neon-cyan);display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 0 20px #22d3ee33;z-index:100}.cloud-status{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--neon-cyan);text-transform:uppercase;letter-spacing:1px}.stats{display:flex;gap:20px}.stat-item{display:flex;flex-direction:column;align-items:flex-end}.stat-item .label{font-size:8px;opacity:.6}.stat-item .val{font-size:18px;font-weight:900}.game-container{flex:1;display:flex;padding:12px;gap:12px}.plant-selector{width:80px;background:var(--panel);border:1px solid rgba(34,211,238,.3);border-radius:12px;display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:12px}.sun-counter{background:#000;border:2px solid var(--neon-yellow);border-radius:8px;padding:4px 8px;display:flex;align-items:center;gap:4px;color:var(--neon-yellow);font-weight:700}.slots{display:flex;flex-direction:column;gap:8px}.slot{width:60px;height:60px;background:#0f172a;border:2px solid #334155;border-radius:10px;position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.2s;overflow:hidden}.slot.active{border-color:var(--neon-cyan);box-shadow:0 0 15px var(--neon-cyan)}.slot.locked{opacity:.4;cursor:not-allowed}.slot .icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.slot .icon img{width:100%;height:100%;object-fit:contain}.slot .cost{font-size:10px;color:var(--neon-yellow);font-weight:800}.cd-overlay{position:absolute;bottom:0;width:100%;background:#f472b666;pointer-events:none}.battlefield{flex:1;position:relative;background:#000;border:2px solid var(--neon-cyan);border-radius:12px;overflow:hidden}.grid-overlay{display:flex;flex-direction:column;height:100%}.grid-row{flex:1;display:flex;border-bottom:1px solid var(--grid)}.grid-cell{flex:1;border-right:1px solid var(--grid);cursor:crosshair}.grid-cell:hover{background:#22d3ee0d}.entity-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.entity{position:absolute;width:14.28%;height:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:left 16ms linear}.entity img{width:80%;height:80%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(34,211,238,.5))}.hp-bar{width:60%;height:3px;background:#1e293b;border-radius:2px;margin-top:2px}.hp-fill{height:100%;background:var(--neon-green);transition:width .3s}.zombie-hp .hp-fill{background:var(--neon-pink)}.bullet-entity{position:absolute;width:10px;height:10px;border-radius:50%;z-index:10}.bullet-entity.plasma{background:var(--neon-green);box-shadow:0 0 10px var(--neon-green)}.bullet-entity.snow{background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan)}.sun-entity{position:absolute;width:36px;height:36px;cursor:pointer;pointer-events:auto;z-index:50;filter:drop-shadow(0 0 10px var(--neon-yellow))}.sun-entity img{width:100%;height:100%}.full-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--panel);border:2px solid var(--neon-cyan);padding:40px;border-radius:20px;text-align:center;box-shadow:0 0 40px #22d3ee4d}.neon-text{font-size:48px;color:var(--neon-cyan);text-shadow:0 0 20px var(--neon-cyan);margin-bottom:10px}.btn-primary{margin-top:24px;padding:12px 32px;background:var(--neon-cyan);color:#000;border:none;border-radius:8px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.2s}.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 20px var(--neon-cyan)}.crt-effect{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#12101000 50%,#0000001a 50%),linear-gradient(90deg,#ff000005,#00ff0003,#0000ff05);background-size:100% 3px,3px 100%;pointer-events:none}