.game-wrapper{width:100vw;height:100vh;background:#1a1a1a;display:flex;justify-content:center;align-items:center;font-family:ZCOOL QingKe HuangYou,Segoe UI,sans-serif;overflow:hidden}.game-container{width:800px;height:500px;background-color:#4a7c2c;background-size:cover;background-position:center;position:relative;border:8px solid #3d2b1f;border-radius:12px;box-shadow:0 20px 50px #00000080;cursor:crosshair}.cloud-sync{position:absolute;top:10px;right:10px;background:#00000080;color:#00f2fe;padding:4px 10px;border-radius:20px;font-size:12px;display:flex;align-items:center;gap:5px;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cloud-icon{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.game-header{position:absolute;top:15px;left:15px;right:15px;display:flex;justify-content:space-between;z-index:90}.sun-display{background:#ffffffe6;border:3px solid #8e44ad;border-radius:30px;padding:5px 15px;display:flex;align-items:center;gap:10px;max-width:300px;box-shadow:0 4px 10px #0003}.sun-icon-ui{width:35px;height:35px;filter:drop-shadow(0 0 5px #f1c40f)}.sun-count-container{overflow:hidden;white-space:nowrap}.sun-count-text{font-size:14px;font-weight:900;color:#2c3e50;display:inline-block;animation:slideText 10s linear infinite}@keyframes slideText{0%{transform:translate(0)}to{transform:translate(-50%)}}.stats-group{display:flex;gap:10px}.stat-item{background:#000000b3;color:#fff;padding:5px 15px;border-radius:20px;display:flex;align-items:center;gap:8px;font-weight:700}.lives-display{display:flex;gap:5px;align-items:center;background:#fff3;padding:5px 10px;border-radius:20px}.game-field{position:relative;width:100%;height:100%}.falling-sun{position:absolute;width:50px;height:50px;cursor:pointer;z-index:60}.falling-sun img{width:100%;height:100%;filter:drop-shadow(0 0 10px #f1c40f)}.plant-unit{position:absolute;width:60px;height:60px;transform:translate(-50%,-50%);z-index:50}.plant-unit img{width:100%;height:100%;animation:sway 2s ease-in-out infinite}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.zombie-unit{position:absolute;width:70px;height:90px;transform:translate(-50%,-50%);z-index:55}.zombie-unit img{width:100%;height:100%}.hp-bar{width:40px;height:4px;background:#333;position:absolute;top:-10px;left:15px;border-radius:2px}.hp-fill{height:100%;background:#2ecc71;transition:width .3s}.pea-bullet{position:absolute;width:12px;height:12px;background:#2ecc71;border-radius:50%;box-shadow:0 0 8px #2ecc71;z-index:58}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{background:#fff;padding:40px;border-radius:30px;text-align:center;border:6px solid #4a7c2c;max-width:450px;box-shadow:0 10px 30px #00000080}.modal h1{color:#2c3e50;margin:20px 0;font-size:28px}.modal p{color:#7f8c8d;margin-bottom:30px}.highlight{color:#f1c40f;font-weight:900;word-break:break-all}.btn-start,.btn-restart{background:#4a7c2c;color:#fff;border:none;padding:15px 40px;border-radius:50px;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;margin:0 auto;transition:all .3s}.btn-start:hover{background:#5da337;transform:scale(1.05);box-shadow:0 5px 15px #4a7c2c66}.final-score{font-size:40px;color:#e74c3c;font-weight:900;margin-bottom:30px}.spin-slow{animation:spin 8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}