:root{font-family:Outfit,Noto Sans SC,sans-serif;color:#eff6e8;font-synthesis:none;font-weight:500;--panel:rgba(23,46,39,.94);--line:rgba(210,234,202,.17);--lime:#d9f58a;--muted:#a4b7a4}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#a1c39b}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible{outline:2px solid #edffab;outline-offset:3px}button:disabled{opacity:.4;cursor:default}.game-canvas{display:block;position:fixed;inset:0;width:100%;height:100%}#app{position:fixed;inset:0;pointer-events:none}#app button{pointer-events:auto}#vignette{position:absolute;inset:0;box-shadow:inset 0 0 160px #142f3625;pointer-events:none}.brand{position:absolute;left:30px;top:27px;display:flex;align-items:center;gap:12px;color:#1e4034;text-shadow:0 1px 1px #d6edcd;font-size:22px;font-weight:900;letter-spacing:2px}.brand-icon{font-size:43px;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:3px;font-weight:800;margin-top:2px}.edition{font-size:10px;letter-spacing:1px;border-left:1px solid #547b5b66;padding-left:13px;margin-left:3px}.resources{position:absolute;left:30px;top:104px;background:var(--panel);border:1px solid var(--line);border-radius:15px;display:flex;align-items:center;padding:17px 22px;gap:25px;box-shadow:0 8px 20px #1a392b22}.resource{display:flex;gap:12px;align-items:center;min-width:90px}.resource small{display:block;color:#b6c6ae;font-size:10px;letter-spacing:2px}.resource strong{font-size:27px;line-height:1.2;font-weight:700;font-variant-numeric:tabular-nums}.resource-icon{font-size:28px}.gold{color:#ffd36a}.wood{color:#d9ad77;transform:rotate(-20deg)}.resources i{width:1px;height:31px;background:var(--line)}.wave-card{position:absolute;top:27px;left:50%;transform:translate(-50%);width:330px;padding:17px 20px 13px;border-radius:15px;background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 20px #1a392b18}.wave-title{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #cbec8a55}#clock{margin-left:auto;color:#bbc7b1;font-size:12px;font-variant-numeric:tabular-nums}.wave-track{height:4px;background:#526849;border-radius:4px;margin:13px 0 9px;overflow:hidden}#wave-fill{background:var(--lime);height:100%;transition:width .5s}.wave-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#b4c5a9}.wave-bottom button{background:none;color:#d9f58a;padding:2px 0;font-size:10px}.health-card{position:absolute;left:30px;top:210px;width:240px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:17px 19px}.health-head{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.4px}.health-head>span:last-child{font-size:10px;color:#bac8b4}.health-track{background:#395347;height:7px;border-radius:5px;margin-top:10px;overflow:hidden}#core-fill{height:100%;background:#b8df81;transition:width .15s}.player-health{margin-top:17px;color:#c7d7bb}.health-track.small{height:4px;margin-top:8px}#player-fill{background:#efd09b;height:100%;transition:width .15s}.tier-label{margin-top:15px;padding-top:12px;border-top:1px solid var(--line);font-size:10px;letter-spacing:1px;color:#92b7a2}.top-actions{position:absolute;right:30px;top:29px;display:flex;gap:8px}.top-actions button{width:40px;height:40px;border-radius:11px;background:var(--panel);border:1px solid var(--line);font-size:15px;color:#e0edcd}.world-caption{position:absolute;right:30px;bottom:35px;text-align:right;color:#234b3b;font-size:11px;letter-spacing:1px}.world-caption span{display:block;font-size:8px;letter-spacing:2px;margin-bottom:7px;opacity:.7}.world-caption i{font-style:normal;color:#678758;padding:0 5px}.build-dock{position:absolute;bottom:24px;left:50%;transform:translate(-50%);border-radius:18px;background:var(--panel);border:1px solid #d6eab62e;padding:15px 16px 12px;width:690px;box-shadow:0 12px 45px #14332640;backdrop-filter:blur(15px)}.dock-title{font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:12px;color:#d8e9cc;display:flex;align-items:center;justify-content:space-between}.dock-title span{font-size:9px;font-weight:400;color:#96ae96;letter-spacing:.5px}.build-row{display:flex;gap:9px}.build-option{position:relative;display:flex;align-items:center;gap:11px;text-align:left;background:#344e42;border:1px solid #5a71514d;border-radius:11px;padding:14px 11px 14px 15px;width:205px;min-height:79px;transition:.15s}.build-option.selected{background:#d9efb9;color:#243a2a;border-color:#ecffd6;box-shadow:0 0 0 2px #d9efb91a}.build-option:hover{transform:translateY(-2px)}kbd{font:9px Outfit,sans-serif;background:#a8c69918;border:1px solid #b1cb9a35;border-radius:4px;padding:2px 4px}.build-option kbd{position:absolute;left:7px;top:6px;font-size:8px}.selected kbd{background:#3754381a;border-color:#37543822}.mini-wall,.mini-tower{font-size:34px;color:#d4ad77}.selected .mini-wall,.selected .mini-tower{color:#5b7950}.build-option b{display:block;font-size:12px;margin-bottom:5px;font-weight:800;white-space:nowrap}.build-option small{display:block;font-size:9px;color:#a3b69a}.selected small{color:#5f7855}.build-option em{font-style:normal;font-size:9px;white-space:nowrap;margin-left:auto;align-self:flex-end;color:#d3e5bc}.selected em{color:#54713e}.skill,.upgrade{width:110px;border-radius:11px;border:1px solid #d5e9b529;background:#2c473c;display:flex;align-items:center;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.skill>span,.upgrade>span{font-size:26px;line-height:1;color:#d5f1a8;margin-bottom:5px}.skill b,.upgrade b{font-size:11px;z-index:1}.skill small,.upgrade small{font-size:8px;margin-top:5px;color:#abbf9d;z-index:1}.skill.ready{border-color:#a4ca7255}.skill.ready>span{color:#d9f58a}.upgrade.affordable{background:#526e37;border-color:#d7f596;animation:glow 2s infinite}#skill-fill{position:absolute;bottom:0;left:0;width:100%;background:#76976a33;pointer-events:none}.dock-footer{display:flex;justify-content:space-between;gap:8px;font-size:8px;margin:13px 2px 0;color:#9db199}.dock-footer kbd{margin-right:3px;font-size:8px}.overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:linear-gradient(120deg,#102c33a6,#183c2b50);backdrop-filter:blur(5px);pointer-events:auto;z-index:10}.overlay.hidden{display:none}.intro-panel{text-align:center;background:#18382ff5;border:1px solid #e2efba30;border-radius:25px;padding:36px 52px 28px;box-shadow:0 25px 100px #152b3b66;width:470px;position:relative;overflow:hidden}.intro-panel:before{content:"";position:absolute;left:20px;right:20px;top:0;height:2px;background:linear-gradient(90deg,transparent,#d5f28e,transparent)}.eyebrow{font-size:8px;letter-spacing:2.8px;color:#b6c6a0}.intro-leaf{font-size:65px;color:#cfe997;margin-top:22px;line-height:1.2}h1{font-size:43px;letter-spacing:7px;margin:8px 0 0;font-weight:900;color:#f0f3d8}h1 span{display:block;font-size:11px;letter-spacing:5.5px;color:#a2bb99;margin-top:10px;font-weight:500}.intro-panel p{font-size:12px;color:#b4c5af;line-height:2.1;margin:25px 0}.intro-features{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin-bottom:26px;font-size:11px;color:#d7e6ba}.primary{display:block;width:100%;border-radius:10px;background:#d7ef9e;color:#243c2a;font-size:14px;font-weight:800;padding:17px 24px;text-align:left;box-shadow:0 4px #0c281b}.primary span{float:right}.primary:hover{background:#e5ffad;transform:translateY(-1px)}.intro-note{display:block;font-size:9px;line-height:1.9;color:#93aa91;margin-top:18px}.end-stats{display:flex;justify-content:space-around;margin:25px 0;color:#92ac94;font-size:10px}.end-stats b{display:block;font-size:19px;color:#daebc0;margin-top:8px}#toast{position:absolute;top:145px;left:50%;transform:translate(-50%,-10px);opacity:0;transition:.2s;background:#233d32ed;border:1px solid #d7ee9a55;box-shadow:0 5px 20px #15342330;border-radius:30px;padding:11px 23px;font-size:12px;color:#e0efc1;white-space:nowrap}#toast.visible{opacity:1;transform:translate(-50%)}body.paused #app:after{content:"已暂停 · ESC / 右上角继续";position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);background:#17372feb;border:1px solid #d7ef9e55;border-radius:15px;padding:24px 35px;font-size:18px;color:#e0f2ba}.error-screen{padding:40px;background:#18382f;color:#fff;pointer-events:auto}@keyframes glow{50%{box-shadow:0 0 15px #dcf79c55}}@media(max-width:1100px){.world-caption,.edition{display:none}.wave-card{left:auto;right:135px;transform:none;width:285px}.build-dock{bottom:16px}.brand{font-size:19px}}@media(max-width:720px){.brand{left:15px;top:15px;font-size:16px}.brand small{font-size:7px}.brand-icon{font-size:32px}.resources{left:15px;top:78px;padding:10px 12px;gap:12px}.resource{min-width:65px;gap:8px}.resource strong{font-size:20px}.resource-icon{font-size:21px}.health-card{left:15px;top:158px;width:195px;padding:12px}.wave-card{top:15px;right:15px;width:195px;padding:12px}.top-actions{right:15px;top:120px}.build-dock{width:calc(100% - 20px);padding:11px 10px;bottom:10px}.build-row{gap:5px}.build-option{width:30%;padding:20px 5px 12px;gap:4px;min-height:72px}.mini-wall,.mini-tower{font-size:24px}.build-option b{font-size:10px}.build-option em{display:none}.skill,.upgrade{width:20%}.dock-footer{font-size:7px;flex-wrap:wrap;gap:4px}.dock-title span{font-size:8px}.intro-panel{width:min(440px,calc(100% - 30px));padding:25px 28px}h1{font-size:36px}#toast{top:290px;font-size:10px;max-width:94%;white-space:normal;text-align:center}}@media(max-height:660px){.intro-panel{padding-top:20px;padding-bottom:18px}.intro-leaf{font-size:45px;margin-top:10px}.intro-panel p{margin:15px 0}.intro-features{padding:12px 0;margin-bottom:16px}.health-card{top:185px}.build-dock{bottom:10px}.brand{top:18px}.resources{top:85px}}html,body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:100%}#joystick,#touch-actions{display:none}@media(pointer:coarse),(max-width:760px){#joystick{display:block;position:fixed;z-index:20;left:calc(18px + env(safe-area-inset-left));bottom:calc(150px + env(safe-area-inset-bottom));width:120px;height:120px;border-radius:50%;background:#172e2773;border:2px solid rgba(217,245,138,.45);touch-action:none}.joy-knob{position:absolute;left:35px;top:35px;width:50px;height:50px;border-radius:50%;background:#d9f58ad9;box-shadow:0 2px 8px #0005;pointer-events:none}#touch-actions{display:flex;flex-direction:column;gap:10px;position:fixed;z-index:20;right:calc(14px + env(safe-area-inset-right));bottom:calc(150px + env(safe-area-inset-bottom))}#touch-actions button{width:68px;height:68px;border-radius:50%;background:var(--panel);border:2px solid var(--line);font-weight:900;font-size:15px;touch-action:none}#touch-actions .t-place{background:#5c8f3c}#touch-actions .t-skill{background:#b5522f}#touch-actions .t-up{background:#3a6d8a}.brand,.world-caption,.dock-footer,.dock-title span,.edition{display:none!important}.resources{left:calc(10px + env(safe-area-inset-left));top:calc(10px + env(safe-area-inset-top));padding:8px 12px;gap:12px;transform:none}.resource strong{font-size:18px}.resource{min-width:60px}.wave-card{top:calc(10px + env(safe-area-inset-top))!important;right:calc(10px + env(safe-area-inset-right))!important;left:auto!important;transform:scale(.72);transform-origin:top right}.health-card{top:calc(78px + env(safe-area-inset-top))!important;left:calc(10px + env(safe-area-inset-left))!important;transform:scale(.72);transform-origin:top left}.top-actions{top:calc(128px + env(safe-area-inset-top))!important;right:calc(10px + env(safe-area-inset-right))!important}.build-dock{left:50%!important;right:auto!important;bottom:calc(6px + env(safe-area-inset-bottom))!important;transform:translate(-50%) scale(.62);transform-origin:bottom center;width:max-content}.intro-panel{max-width:92vw;transform:scale(.85)}}body:not(.playing) #joystick,body:not(.playing) #touch-actions{display:none!important}#objectives{position:absolute;left:calc(24px + env(safe-area-inset-left));top:385px;display:none;flex-direction:column;gap:6px;background:#1d372ce6;border:1px solid #d7ee9a44;border-radius:14px;padding:10px 14px;color:#e0efc1;font-size:12px;z-index:6;transition:opacity .5s}body.playing #objectives.shown{display:flex}#objectives.hidden{opacity:0;pointer-events:none}#objectives .obj{display:flex;align-items:center;gap:8px}#objectives .obj-check{width:18px;height:18px;border-radius:50%;border:1px solid #d7ee9a88;display:inline-flex;align-items:center;justify-content:center;font-size:10px}#objectives .obj.done{color:#9db199;text-decoration:line-through}#objectives .obj.done .obj-check{background:#8bdc5c;color:#173022;border-color:#8bdc5c}#upgrade{position:relative;overflow:hidden}#upgrade-fill{position:absolute;left:0;bottom:0;height:4px;width:0;background:#9bea73;transition:width .3s}.note-touch{display:none}body.touch .note-touch{display:inline}body.touch .note-mouse{display:none}body.touch .dock-footer,body.touch .world-caption,body.touch .dock-title span,body.touch .edition,body.touch kbd{display:none!important}.resource.pulse strong{color:#c8ff8a;transform:scale(1.25);display:inline-block;transition:transform .1s}#vignette.hurt{box-shadow:inset 0 0 120px #ff3b3b99!important}@media(max-width:720px){#objectives{top:auto;bottom:calc(230px + env(safe-area-inset-bottom));font-size:10px;padding:7px 10px}}