:root{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#234438;background:#eaf0e1;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#d9e9c9,transparent 55%),#eef2e6;min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit;touch-action:manipulation}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #e69b32;outline-offset:4px}button{transition:transform .12s,background .12s}button:active:not(:disabled){transform:translateY(2px)}[hidden]{display:none!important}.app{max-width:1240px;margin:auto;padding:0 36px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #25483618}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#254b39;font-size:21px;font-weight:850}.brand-mark{font-size:48px;line-height:1;color:#df9330}.brand small{font-size:10px;letter-spacing:3px;display:block;margin-top:4px}.top-actions{display:flex;gap:10px}.top-actions button,.battle-actions button{padding:11px 17px;background:#ffffff80;border:1px solid #25483620;border-radius:12px;font-size:14px}.intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:410px;gap:20px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.8px;color:#779365}h1{font-size:clamp(35px,4.5vw,59px);letter-spacing:-2px;line-height:1.2;margin:18px 0}h1 em{color:#618347;font-style:normal}.intro p{font-size:14px;line-height:1.9;color:#6b7c66;margin-bottom:23px}.primary{background:#315c42;color:#fff9df;border-radius:13px;padding:16px 22px;min-width:210px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 4px 0 #20452f;font-weight:750}.primary span{color:#f1bf63}.garden-art{height:330px;position:relative;border-radius:50%;background:radial-gradient(ellipse,#cadbaa 0%,#dfE8cd 58%,transparent 70%);overflow:hidden}.orbit{position:absolute;border:1px dashed #7d9c6660;border-radius:50%;inset:30px}.o2{inset:60px 5px;transform:rotate(-25deg)}.hero-flower{font-size:175px;position:absolute;left:23%;top:16px;filter:drop-shadow(0 18px 9px #55793633);transform:rotate(-10deg)}.hero-leaf{font-size:88px;position:absolute;left:9%;top:155px;transform:rotate(-12deg)}.hero-zombie{font-size:92px;position:absolute;right:8%;top:134px;transform:rotate(12deg);filter:drop-shadow(0 8px 4px #55793622)}.art-tag{position:absolute;bottom:15px;left:29%;background:#fff9e5ed;padding:12px 18px;transform:rotate(-4deg);font-size:10px;letter-spacing:1px;box-shadow:0 5px 20px #4c663917}.art-tag b{display:block;font-size:12px;margin-top:6px;letter-spacing:0}.section-line{display:flex;justify-content:space-between;align-items:center;margin:16px 0 20px}.section-line h2{font-size:20px;margin:0}.section-line h2 span{font-size:12px;font-weight:400;color:#7c8e73;margin-left:10px}.section-line>span{color:#a27b2b;font-size:14px}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.level-card{text-align:left;background:#fffcf0;border:1px solid #53714120;border-radius:17px;padding:20px;min-height:143px;position:relative;box-shadow:0 3px 0 #45652e0d}.level-card:not(:disabled):hover{background:#fff8dd;transform:translateY(-3px)}.level-card:disabled{opacity:.52;background:#e0e7d8}.level-num{font-size:12px;letter-spacing:2px;color:#8b9e7c}.level-card h3{font-size:16px;margin:12px 0 8px}.level-card small{font-size:11px;color:#78896f}.level-card .stars{position:absolute;right:18px;top:18px;color:#d69c36;letter-spacing:2px;font-size:12px}.level-card .level-go{position:absolute;right:18px;bottom:18px;color:#8b9e7c}footer{text-align:center;font-size:12px;color:#87947e;margin:28px 0}.battle-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 3px 17px}.battle-heading h2{font-size:22px;margin:6px 0 0}.battle-actions{display:flex;gap:8px}.game-shell{border:6px solid #476647;border-radius:23px;background:#436746;box-shadow:0 16px 40px #243e2920;overflow:hidden}.toolbar{display:flex;align-items:stretch;gap:12px;background:#f5edce;padding:13px 17px}.sun-bank{width:91px;flex-shrink:0;position:relative;text-align:center;display:flex;flex-direction:column;justify-content:center}.sun-bank>span{font-size:32px;line-height:1;color:#e7a32c}.sun-bank b{font-size:28px;font-variant-numeric:tabular-nums}.sun-bank small{font-size:10px;color:#9c8652}.cards{display:flex;gap:10px;flex:1;overflow-x:auto;scrollbar-width:thin;padding:3px}.plant-card{position:relative;min-width:96px;width:118px;border-radius:12px;background:#fffcec;border:2px solid #cdd3ab;box-shadow:0 3px 0 #a8b38c;overflow:hidden;padding:7px 6px;color:#3c593c;flex-shrink:0;user-select:none}.plant-card.selected{border-color:#dc9839;box-shadow:0 0 0 3px #ebbd68;background:#fff5cf}.plant-card.unavailable{filter:saturate(.45);opacity:.68}.plant-card>span{display:block;font-size:32px;line-height:1.2}.plant-card strong{display:block;font-size:12px;margin:3px 0}.plant-card small{font-size:12px;color:#936e28}.cooldown{position:absolute;inset:0;background:#183f3580;pointer-events:none;transform-origin:bottom}.cool-text{position:absolute;left:0;right:0;top:25%;text-align:center;font-size:20px;font-weight:850;color:white;text-shadow:0 1px 3px #123}.shovel{background:#dfdfc2;border:2px solid #c6caab;border-radius:13px;width:59px;flex-shrink:0;font-size:34px}.shovel small{display:block;font-size:12px}.shovel.selected{background:#f2c26d;border-color:#c68725}.field-wrap{position:relative;background:#8aaf5b}canvas{display:block;width:100%;height:auto;aspect-ratio:980/575;touch-action:manipulation;user-select:none;-webkit-user-select:none}.battle-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 19px;background:#35563c;color:#e3ebcb;font-size:12px;min-height:49px}.wave-track{display:flex;align-items:center;gap:10px;white-space:nowrap}.wave-track>div{width:115px;height:8px;background:#233d2b;border-radius:6px;overflow:hidden}.wave-track b{display:block;height:100%;background:#ecc15d;width:0}.mobile-help{font-size:12px;color:#78906e;text-align:center;padding:15px}#announcement{position:absolute;left:50%;top:36%;transform:translateX(-50%);font-weight:900;font-size:clamp(20px,4vw,43px);color:#fff7ce;text-shadow:0 3px 0 #47622e,0 4px 16px #2d3a1c;text-align:center;white-space:nowrap;pointer-events:none}#countdown{position:absolute;top:8px;left:50%;transform:translateX(-50%);color:#f7f2cf;font-size:12px;pointer-events:none;background:#254836b0;padding:5px 12px;border-radius:20px}.modal{position:fixed;inset:0;background:#132c27a8;backdrop-filter:blur(6px);z-index:10;display:flex;align-items:center;justify-content:center;padding:20px}.dialog{background:#fbf7e7;width:430px;max-width:100%;max-height:90svh;overflow:auto;text-align:center;padding:30px;border-radius:24px;box-shadow:0 25px 100px #102a2640}.dialog-icon{font-size:44px;color:#dca342}.dialog h2{font-size:27px;margin:12px 0}.dialog p{font-size:14px;color:#738069;line-height:1.8}.dialog .result-stars{font-size:36px;letter-spacing:8px;color:#dca342;margin:15px 0}.dialog .stats{display:flex;justify-content:space-around;gap:10px;padding:17px 0;margin-bottom:12px;border-top:1px solid #23443820;border-bottom:1px solid #23443820;font-size:12px;color:#7a886d}.stats b{display:block;font-size:23px;color:#315c42;margin-bottom:3px}#modalButtons{display:flex;flex-direction:column;gap:10px;margin-top:22px}#modalButtons button{padding:14px;border-radius:12px;background:#e8ead4;font-weight:700}#modalButtons .primary{display:block;background:#315c42;color:white;width:100%}.help-list{text-align:left;font-size:14px;line-height:1.8;padding-left:18px}.help-plants{text-align:left;font-size:13px;line-height:1.7}.help-plants p{margin:6px 0;font-size:13px}#toast{position:fixed;left:50%;bottom:max(28px,env(safe-area-inset-bottom));transform:translateX(-50%);max-width:90vw;border-radius:12px;background:#173c32;color:#fff8de;font-size:14px;padding:12px 20px;z-index:20;pointer-events:none;opacity:0;transition:opacity .18s;text-align:center}#storageNotice{font-size:12px;color:#a55629;text-align:center}.result-note{background:#edf0dd;border-radius:10px;padding:12px}.kbd-hint{font-size:12px;color:#8c967e}@media(min-width:1100px){#play{max-width:1030px;margin:0 auto}.game-shell{border-width:7px}.field-wrap{max-height:calc(100svh - 335px);min-height:360px}canvas{height:100%;max-height:calc(100svh - 335px);min-height:360px;object-fit:contain}}@media(max-width:760px){.app{padding:0 17px}header{height:78px}.brand{font-size:17px;gap:7px}.brand-mark{font-size:35px}.brand small{font-size:9px;letter-spacing:2px}.top-actions{gap:5px}.top-actions button{padding:9px 10px;font-size:12px}.intro{min-height:310px;gap:0;grid-template-columns:1.1fr .9fr}.intro .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:36px}.intro p{font-size:12px}.primary{min-width:170px;padding:13px 16px;font-size:14px}.garden-art{height:260px;overflow:visible}.hero-flower{font-size:104px;left:4%;top:35px}.hero-leaf{font-size:57px;left:-7%;top:145px}.hero-zombie{font-size:59px;right:-3%;top:137px}.art-tag{left:10%;bottom:13px;padding:8px;font-size:8px}.art-tag b{font-size:10px}.orbit{inset:30px 0}.level-grid{grid-template-columns:repeat(2,1fr);gap:10px}.level-card{padding:16px;min-height:130px}.level-card h3{font-size:14px}.level-card small{font-size:10px;max-width:90%;display:block}.level-card .stars{right:12px;font-size:10px}.battle-heading{padding:19px 2px 12px}.battle-heading h2{font-size:18px}.battle-actions button{font-size:12px;padding:10px}.game-shell{margin:0 -9px;border-width:4px;border-radius:15px}.toolbar{gap:5px;padding:8px 6px}.sun-bank{width:49px}.sun-bank>span{font-size:24px}.sun-bank b{font-size:21px}.sun-bank small{display:none}.cards{gap:6px}.plant-card{min-width:65px;width:65px;padding:5px 3px;border-radius:8px}.plant-card>span{font-size:25px}.plant-card strong{font-size:10px}.plant-card small{font-size:11px}.shovel{width:39px;font-size:25px}.shovel small{font-size:10px}.battle-bottom{flex-wrap:wrap;gap:9px;padding:10px;font-size:11px}.wave-track{flex:1;justify-content:flex-end}.wave-track>div{width:70px}.mobile-help{font-size:11px;line-height:1.7}.dialog{padding:25px}.section-line{margin-top:10px}.section-line h2{font-size:18px}}@media(max-height:560px) and (orientation:landscape){.app{max-width:1000px;padding:0 16px}header{height:55px}.battle-heading{padding:7px 0}.battle-heading .eyebrow{display:none}.battle-heading h2{font-size:16px;margin:0}.battle-actions button{padding:6px 12px}.toolbar{padding:5px 12px}.plant-card{min-width:72px;width:85px;padding:2px}.plant-card>span{font-size:22px;display:inline}.plant-card strong{display:inline;font-size:10px}.plant-card small{display:block;font-size:10px}.sun-bank{width:60px;flex-direction:row;align-items:center;gap:5px}.sun-bank>span{font-size:22px}.sun-bank b{font-size:21px}.sun-bank small{display:none}.shovel{font-size:22px}.shovel small{display:none}.field-wrap{height:calc(100svh - 195px);min-height:180px}canvas{height:100%;object-fit:contain}.battle-bottom{padding:6px 12px;min-height:30px}.mobile-help{display:none}.game-shell{border-width:4px;border-radius:12px}}@media(prefers-reduced-motion:reduce){button,#toast{transition:none}}