:root{--pvz-brown: #5d4037;--pvz-tan: #efebe9;--pvz-sun: #fdd835;--pvz-green: #43a047;--pvz-border: #3e2723}*{box-sizing:border-box;margin:0;padding:0}.pvz-main{width:100vw;height:100vh;background:#121212;display:flex;flex-direction:column;overflow:hidden;font-family:Segoe UI,system-ui,sans-serif;-webkit-user-select:none;user-select:none}.top-bar{height:115px;background:var(--pvz-brown);border-bottom:5px solid var(--pvz-border);display:flex;align-items:center;padding:0 40px;gap:30px;z-index:100;box-shadow:0 8px 20px #0009}.sun-bank{background:#fff;height:65px;padding:0 25px 0 10px;border-radius:35px;display:flex;align-items:center;gap:15px;border:4px solid var(--pvz-sun);position:relative;min-width:150px}.sun-icon-box{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.sun-img{width:100%;height:100%;object-fit:contain;animation:sun-glow 2s infinite}.sun-spin{color:var(--pvz-sun);animation:spin 12s linear infinite}.sun-count{font-size:2rem;font-weight:900;color:#333}.cloud-sync{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:11px;color:#a5d6a7;white-space:nowrap;display:flex;align-items:center;gap:5px;opacity:.9}.cloud-sync.saving{color:var(--pvz-sun);animation:pulse 1s infinite}.seed-packets{display:flex;gap:12px;flex:1}.packet{width:80px;height:100px;background:var(--pvz-tan);border:3px solid var(--pvz-border);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:6px 0;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:relative}.packet:hover:not(.locked){transform:translateY(-8px);background:#fff}.packet.active{border-color:#7cb342;box-shadow:0 0 20px #7cb342;background:#fff}.packet.locked{opacity:.4;filter:grayscale(1);cursor:not-allowed}.packet-icon{font-size:2rem;line-height:1}.packet-name{font-size:11px;font-weight:700;color:#555}.packet-cost{font-size:13px;font-weight:800;color:#d84315}.packet-key{position:absolute;top:-6px;right:-6px;background:#333;color:#fff;font-size:10px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #fff}.packet.shovel{background:#b0bec5}.game-stats{display:flex;align-items:center;gap:20px;color:#fff}.sky-timer{width:45px;height:45px;position:relative}.timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-bg{fill:none;stroke:#ffffff26;stroke-width:4}.timer-fill{fill:none;stroke:var(--pvz-sun);stroke-width:4;stroke-linecap:round;transition:stroke-dasharray .3s}.timer-inner-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--pvz-sun)}.wave-badge{display:flex;align-items:center;gap:10px;background:#0006;padding:12px 20px;border-radius:20px;font-weight:700}.lawn-container{flex:1;position:relative;margin:30px 40px;background:#2e7d32;border:8px solid #1b5e20;border-radius:12px;overflow:hidden;display:flex;box-shadow:inset 0 0 100px #00000080}.house-visual{width:100px;height:100%;background:#3e2723;position:relative;display:flex;align-items:center;justify-content:center;border-right:5px solid #2d1510}.house-img{width:100%;height:100%;object-fit:cover;opacity:.8}.house-door-line{position:absolute;right:0;top:0;bottom:0;width:4px;background:#ffd70066;box-shadow:0 0 10px #ffd70099}.playfield{flex:1;position:relative;height:100%}.grass-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background-size:cover;background-position:center}.lawn-row{flex:1;display:flex}.lawn-cell{flex:1;border:1px solid rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.lawn-row:nth-child(2n) .lawn-cell:nth-child(odd),.lawn-row:nth-child(odd) .lawn-cell:nth-child(2n){background:#0000000d}.plant-entity{width:85%;height:85%;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:sway 4s infinite ease-in-out}.p-img{width:100%;height:100%;object-fit:contain}.plant-visual{font-size:2.8rem;display:flex;align-items:center;justify-content:center}.entity-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lawn-mower{position:absolute;width:45px;height:45px;font-size:2rem;display:flex;align-items:center;justify-content:center;z-index:40;transform:translate(-50%);transition:transform .1s}.lawn-mower.rolling{animation:roll .2s infinite linear}.zombie-sprite{position:absolute;width:11.11%;height:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;transform:translate(-50%)}.zombie-sprite.walking{animation:walk-cycle 1.6s infinite ease-in-out}.zombie-sprite.eating{animation:eat-cycle .5s infinite}.zombie-sprite.slowed{filter:hue-rotate(180deg) saturate(1.5)}.zombie-body{position:relative;display:flex;flex-direction:column;align-items:center}.cone-hat{position:absolute;top:-24px;font-size:1.5rem;animation:bob 1.6s infinite ease-in-out}.bucket-hat{position:absolute;top:-20px;font-size:1.5rem;animation:bob 1.6s infinite ease-in-out}.z-img{width:110%;height:110%;object-fit:contain}.z-fallback{font-size:3rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.pea-bullet{position:absolute;width:14px;height:14px;border-radius:50%;z-index:45;transform:translate(-50%)}.pea-bullet.normal{background:#66bb6a;box-shadow:0 0 8px #4caf50,inset -2px -2px 4px #0006}.pea-bullet.snow{background:#29b6f6;box-shadow:0 0 8px #03a9f4,inset -2px -2px 4px #0006}.collectable-sun{position:absolute;width:40px;height:40px;font-size:2.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;z-index:60;transform:translate(-50%,-50%);animation:sun-glow 2s infinite}.health-bar,.z-health{width:35px;height:4px;background:#0009;border-radius:3px;margin-top:4px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.health-fill{height:100%;background:#66bb6a}.z-health-fill{height:100%;background:#ef5350}.game-overlay{position:absolute;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-box{background:var(--pvz-brown);padding:50px;border-radius:30px;border:6px solid var(--pvz-tan);text-align:center;color:#fff;box-shadow:0 25px 50px #000000b3}.game-title{font-size:3.2rem;margin-bottom:10px;text-shadow:0 4px 0 var(--pvz-border)}.cloud-info{color:#a5d6a7;margin-bottom:25px;font-weight:700}.start-btn{background:#7cb342;border:none;padding:16px 45px;font-size:1.6rem;font-weight:900;color:#1b5e20;border-radius:16px;cursor:pointer;display:flex;align-items:center;gap:15px;margin:0 auto;transition:all .2s;box-shadow:0 6px #33691e}.start-btn:hover{transform:translateY(-3px);background:#8bc34a;box-shadow:0 9px #33691e}.start-btn:active{transform:translateY(2px);box-shadow:0 2px #33691e}.controls-hint{margin-top:30px;display:flex;justify-content:center;gap:20px;opacity:.8;font-size:13px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sun-glow{0%,to{transform:translate(-50%,-50%) scale(1);filter:brightness(1)}50%{transform:translate(-50%,-50%) scale(1.1);filter:brightness(1.2)}}@keyframes sway{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-2px)}}@keyframes walk-cycle{0%,to{transform:translate(-50%) translateY(0) rotate(-3deg)}50%{transform:translate(-50%) translateY(-4px) rotate(3deg)}}@keyframes eat-cycle{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05) rotate(2deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes roll{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.lose-text{color:#ff5252;font-size:2.5rem;margin-bottom:20px}