body{color:#333;background-color:#e6dfc8;justify-content:center;align-items:center;height:100dvh;margin:0;font-family:KaiTi,STKaiti,楷体,Inter,sans-serif;display:flex;overflow:hidden}:root{--z-bg:0;--z-decoration:1;--z-path-overlay:5;--z-tower-label:10;--z-tower-default:20;--z-tower-badge:20;--z-info-panel:30;--z-enemy-effects:45;--z-range-circle:49;--z-canvas:50;--z-build-spots:60;--z-projectiles:150;--z-floating-text:160;--z-battle-ui:500;--z-battle-ui-top:501;--z-modal:1000;--z-fullscreen:10000;--color-gold-accent:#c8a96e;--color-gold-accent-rgb:200, 169, 110}#root{width:100%;height:100%}.game-container{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background-color:#e6dfc8;flex-direction:column;width:56.25dvh;max-width:100dvw;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #00000080}.game-container img{-webkit-user-drag:none;user-drag:none}.top-bar{background-color:#d1bfae;border-bottom:2px solid #333;justify-content:space-between;align-items:center;padding:8px 12px;font-weight:700;display:flex}.pause-button{cursor:pointer;background:0 0;border:2px solid #333;border-radius:4px;padding:2px 8px;font-size:16px;line-height:1;transition:background .15s}.pause-button:hover{background:#0000001a}.wave-info{flex-direction:column;font-size:14px;display:flex}.resource-info{color:#8b4513;font-size:16px}.health-info{gap:4px;font-size:18px;display:flex}.start-wave-btn{color:#fff;cursor:pointer;background-color:#4caf50;border:3px solid #000;border-radius:10px;flex:1;height:50px;padding:0;font-size:18px;font-weight:700;transition:all .2s}.start-wave-btn:hover{background-color:#45a049;transform:scale(1.05)}.start-wave-btn:active{transform:scale(.95)}.board-wrapper{flex-grow:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.grid-container{background-color:#d1bfae;border:4px solid #333;gap:0;display:grid;position:relative;box-shadow:4px 4px #0003}.cell{box-sizing:border-box;border:none;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.grass{background-color:#90c2c8}.card-placement-preview-sprite{opacity:.5;pointer-events:none;width:80px;height:80px;z-index:var(--z-range-circle);justify-content:center;align-items:center;display:flex;position:absolute}.card-placement-preview-sprite.hero{width:150px;height:150px}.path-overlay{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.shovel-cursor-preview{pointer-events:none;width:42px;height:42px;z-index:var(--z-range-circle);border:2px solid red;border-radius:4px;justify-content:center;align-items:center;font-size:22px;display:flex;position:absolute}.map-decoration{pointer-events:none;position:absolute}.tower{box-sizing:border-box;color:#000;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;width:120px;height:120px;z-index:var(--z-tower-default);border-radius:4px;justify-content:center;align-items:center;font-size:20px;font-weight:700;transition:transform .1s;display:flex;position:absolute}.tower.hero-tower{contain:none;overflow:visible}.tower:hover{transform:scale(1.05)}.tower.selected{outline:2px solid gold}.tower-label{pointer-events:none;z-index:var(--z-tower-label);white-space:nowrap;border-radius:6px;align-items:center;gap:2px;padding:1px 4px;display:flex;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.tower-level-badge{color:#fff;background:#00000080;border:1px solid #fffc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:10px;height:10px;font-family:sans-serif;font-size:12px;font-weight:700;line-height:1;display:flex}.tower-name-text{color:#fff;text-shadow:0 0 1px #000;font-family:sans-serif;font-size:12px;font-weight:700}.tower-sprite-container{pointer-events:none;will-change:transform;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.tower-sprite-container.hero{will-change:transform;width:100%;height:100%;position:relative}.archer-sprite-wrapper{transform-origin:50%;display:inline-block}.archer-sprite-img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;pointer-events:none;display:block}.tower.fixed-turret{pointer-events:none}.tower.fixed-turret:before{content:"";pointer-events:none;border:3px solid gold;border-radius:50%;width:85%;height:85%;animation:2s ease-in-out infinite fixed-turret-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px 2px #ffd70099,0 0 20px 4px #ffa50066,inset 0 0 15px 3px #ffd7004d}.tower.fixed-turret:after{content:"🔒";z-index:var(--z-tower-badge);pointer-events:none;filter:drop-shadow(0 0 2px #00000080);font-size:14px;position:absolute;top:2px;right:2px}@keyframes fixed-turret-glow{0%,to{box-shadow:0 0 10px 2px #ffd70099,0 0 20px 4px #ffa50066,inset 0 0 15px 3px #ffd7004d}50%{box-shadow:0 0 15px 4px #ffd700cc,0 0 30px 6px #ffa50080,inset 0 0 20px 5px #ffd70066}}.range-circle{pointer-events:none;z-index:var(--z-range-circle);border-radius:50%;position:absolute}.attack-range-preview{pointer-events:none;z-index:var(--z-range-circle);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.info-panel{color:#fff;width:280px;z-index:var(--z-info-panel);background:#1e1e1ee6;border:2px solid #555;border-radius:8px;padding:10px;font-family:sans-serif;position:absolute;top:60px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #00000080}.info-title{border-bottom:1px solid #555;margin-bottom:5px;padding-bottom:5px;font-size:16px;font-weight:700}.info-hero-portrait{object-fit:cover;vertical-align:middle;border:1px solid var(--color-gold-accent);border-radius:2px;width:24px;height:24px;margin-right:4px}.info-stats{margin-bottom:5px;font-size:12px}.info-xp{align-items:center;display:flex}.xp-bar{background:#333;border-radius:3px;flex-grow:1;height:6px;margin-left:5px;overflow:hidden}.xp-fill{background:#ffeb3b;height:100%;transition:width .2s}.info-xp-label{color:#aaa;white-space:nowrap;font-size:12px}.info-xp-value{color:#aaa;white-space:nowrap;margin-left:4px;font-size:11px}.info-max-level{color:#888;margin-left:6px;font-size:11px;font-weight:400}.info-aura-buff{color:#7ab8f5;margin-left:6px;font-size:11px}.info-hero-btn{width:100%;color:var(--color-gold-accent);cursor:pointer;letter-spacing:1px;background:linear-gradient(135deg,#c8a96e26,#c8a96e0d);border:1px solid #c8a96e80;border-radius:6px;margin-top:8px;padding:6px 0;font-size:12px;transition:all .2s}.info-hero-btn:hover{border-color:var(--color-gold-accent);background:#c8a96e40;box-shadow:0 0 8px #c8a96e4d}.info-target-priority{align-items:center;margin-bottom:5px;display:flex}.info-target-label{color:#aaa;white-space:nowrap;margin-right:6px;font-size:12px}.info-target-buttons{flex-wrap:wrap;gap:3px;display:flex}.info-target-btn{color:#ccc;cursor:pointer;background:#282828cc;border:1px solid #555;border-radius:4px;width:44px;height:44px;padding:0;font-size:12px;transition:all .15s}.info-target-btn:hover:not(.disabled){background:#3c3c3ce6;border-color:#888}.info-target-btn.active{border-color:var(--color-gold-accent);color:var(--color-gold-accent);background:#c8a96e40;box-shadow:0 0 6px #c8a96e4d}.info-target-btn.disabled{cursor:default;opacity:.6}.bottom-ui{box-sizing:border-box;background-color:#f1e9d1;border-top:4px solid #333;flex-direction:column;height:160px;padding:10px;display:flex}.hand-slots{justify-content:center;align-items:center;gap:5px;margin-bottom:10px;display:flex}.hand-slot.camp-icon{color:#fff;background-color:#555;font-size:24px;font-weight:700}.hand-slot{box-sizing:border-box;background-color:#d7ccc8;border:3px solid #5d4037;border-radius:4px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;box-shadow:inset 0 4px 6px #0000004d,0 2px #3e2723}.card-in-hand{box-sizing:border-box;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;background:#fff;border:2px solid #000;flex-direction:column;justify-content:center;align-items:center;width:56px;height:56px;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:2px 2px #000}.card-char{font-size:24px;line-height:1}.card-name{margin-top:2px;font-size:12px;font-weight:600;line-height:1.2}.card-in-hand:active{cursor:grabbing}.card-in-hand.card-selected{border-color:#ffeb3b;box-shadow:0 0 12px 3px #ffeb3bcc}.hand-slot.selected-slot{border-color:#ffeb3b;box-shadow:0 0 8px 2px #ffeb3b99}.card-level{color:#fff;pointer-events:none;background:#0b3d0b;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:11px;height:11px;font-family:sans-serif;font-size:12px;font-weight:700;line-height:1;display:flex;position:absolute;top:0;right:0}.shovel-card{background:#ffb300;font-size:24px}.hero-card{background:linear-gradient(135deg,#1a0030 0%,#3d006e 100%);border-style:solid;border-width:3px;position:relative}.hero-card-name{text-align:center;letter-spacing:1px;background:#000000d9;padding:4px 0;font-family:KaiTi,STKaiti,楷体,serif;font-size:28px;font-weight:700;position:absolute;bottom:0;left:0;right:0}.actions-row{justify-content:center;align-items:center;padding:0 10px;display:flex}.recruit-btn{color:#fff;cursor:pointer;background-color:#c48b6c;border:3px solid #000;border-radius:10px;flex-direction:column;flex:1;align-items:center;height:50px;margin:0 auto;padding:0;font-family:KaiTi,STKaiti,楷体,serif;font-size:24px;font-weight:700;line-height:1.1;transition:all .1s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px #333}.recruit-btn:active{transform:translateY(6px);box-shadow:0 0 #333}.recruit-cost{color:#ffe0b2;font-family:sans-serif;font-size:14px}.recruit-fill{z-index:var(--z-decoration);background:#0006;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.recruit-content{z-index:var(--z-path-overlay);justify-content:center;align-items:center;gap:5px;width:100%;height:100%;display:flex;position:relative}.minion-btn{background-color:#5d925d}.hero-btn{color:#5c3e21;background:linear-gradient(135deg,#fbc02d 0%,#f57f17 100%)}.hero-fill{background:#ffffff4d}.hero-content{text-shadow:0 1px 2px #fffc}.shovel-btn{box-sizing:border-box;cursor:pointer;background:#f0f0f0;border:2px solid #5c3e21;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:700;display:flex;position:relative;box-shadow:inset 0 -3px #0003}.shovel-btn.active{background:#ffebeb;border-color:red}.shovel-count{font-size:12px}.hand-actions{gap:10px;margin-top:10px;display:flex}.coin-icon{margin:0 5px}.wave-detail{opacity:.8;margin-top:2px;font-size:12px}.wave-next{opacity:.6;margin-left:6px}.toast{color:#fff;z-index:var(--z-fullscreen);pointer-events:none;background:#000000d9;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:700;animation:2s forwards floatUpFade;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-overlay{width:100%;height:100%;z-index:var(--z-modal);background:#000c;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.modal{text-align:center;background:#f1e9d1;border:4px solid #333;border-radius:12px;padding:30px}.modal h2{margin-top:0;font-size:2rem}.modal button{color:#fff;cursor:pointer;background-color:#4caf50;border:2px solid #333;border-radius:6px;margin:5px;padding:10px 20px;font-family:inherit;font-size:1.1rem;font-weight:700}.modal button.ad-btn{background-color:#ff9800}.menu-screen{background-color:#f4ecd8;background-image:url("data:image/svg+xml;utf8,<svg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\"><g opacity=\"0.05\"><path d=\"M0,50 Q25,25 50,50 T100,50\" fill=\"none\" stroke=\"black\" stroke-width=\"2\"/></g></svg>");flex-direction:column;width:100%;height:100%;display:flex;position:relative}.collection-grid{grid-template-columns:repeat(2,1fr);gap:15px;max-height:400px;margin-bottom:20px;display:grid;overflow-y:auto}.close-btn{color:#fff;cursor:pointer;background:#c0392b;border:2px solid #8b0000;border-radius:5px;padding:10px 30px;font-size:16px}.close-btn:hover{background:#e74c3c}.menu-top-bar{justify-content:space-between;align-items:center;padding:10px;display:flex}.menu-coin,.menu-energy{color:#fff;background:#5c3e21;border:2px solid #3e2614;border-radius:15px;padding:5px 15px;font-weight:700;box-shadow:0 2px 4px #0000004d}.menu-title{text-align:center;color:#a02015;text-shadow:1px 1px #fff;margin-top:40px;font-family:KaiTi,STKaiti,楷体,serif;font-size:32px;font-weight:700}.menu-subtitle{text-align:center;color:#555;margin-bottom:5px;font-size:16px}.menu-center-art{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.menu-start-btn{color:#fff;cursor:pointer;background:#a02015;border:4px solid #5c3e21;border-radius:8px;margin:20px auto;padding:15px 40px;font-family:KaiTi,STKaiti,楷体,serif;font-size:24px;font-weight:700;box-shadow:0 4px 6px #0006}.menu-start-btn:active{transform:translateY(2px);box-shadow:0 2px 3px #0006}.menu-bottom-bar{justify-content:space-between;padding:20px;display:flex}.menu-icon-btn{cursor:pointer;flex-direction:column;align-items:center;font-size:12px;font-weight:700;display:flex}.victory-modal,.defeat-modal{width:80%;max-width:360px}.victory-stars{justify-content:center;gap:12px;margin:15px 0;display:flex}.victory-star{color:#888;opacity:.35;font-size:42px;line-height:1;transform:scale(.6)}.victory-star.lit{animation:.4s ease-out backwards star-pop}.victory-star.lit:first-child{animation-delay:0s}.victory-star.lit:nth-child(2){animation-delay:.2s}.victory-star.lit:nth-child(3){animation-delay:.4s}@keyframes star-pop{0%{color:#888;opacity:.35;transform:scale(.6)}50%{transform:scale(1.3)}to{color:gold;opacity:1;transform:scale(1)}}.victory-reward{text-align:left;background:#ffd7001a;border:1px solid #d4a017;border-radius:6px;margin:10px 0;padding:10px}.victory-reward h3{color:#8b5a2b;text-align:center;margin:0 0 8px;font-size:1rem}.reward-item{color:#333;margin:4px 0;font-size:.95rem}.victory-buttons{flex-direction:column;gap:8px;margin-top:15px;display:flex}.modal .btn-primary{background-color:#ff9800}.modal .btn-secondary{background-color:#757575}.modal .btn-endless{background:linear-gradient(135deg,#6a1b9a 0%,#8e24aa 100%)}.defeat-message{color:#c0392b;margin:10px 0;font-size:1.1rem;font-weight:700}.aura-ring{pointer-events:none;z-index:var(--z-decoration);background:#64b4ff40;border:2px solid #64b4ff80;border-radius:50%;animation:4s ease-in-out infinite aura-breathe;position:absolute;box-shadow:inset 0 0 30px #64b4ff66,0 0 15px #64b4ff4d}.aura-source{pointer-events:none;z-index:var(--z-bg);background:#ffebb466;border-radius:50%;animation:3s ease-in-out infinite aura-source-pulse;position:absolute}.aura-buffed-ground{pointer-events:none;z-index:var(--z-bg);background:radial-gradient(circle,#ffebb426 0%,#0000 60%);border-radius:50%;animation:5s ease-in-out infinite aura-buffed-breathe;position:absolute}.aura-buffed-halo{pointer-events:none;z-index:var(--z-path-overlay);background:radial-gradient(#64b4ff8c 0%,#64b4ff33 50%,#0000 75%);border-radius:50%;animation:2s ease-in-out infinite aura-halo-pulse;position:absolute;box-shadow:0 0 6px 1px #64b4ff4d}@keyframes aura-breathe{0%,to{opacity:.7}50%{opacity:1}}@keyframes aura-source-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes aura-buffed-breathe{0%,to{opacity:.6}50%{opacity:.9}}@keyframes aura-halo-pulse{0%,to{opacity:.7;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.15)}}@keyframes flyToHand{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--target-x), var(--target-y)) scale(.2);opacity:0}}@keyframes settlement-fade-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes settlement-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes settlement-pop-in{0%{opacity:0;transform:scale(.3)translateY(20px)}60%{opacity:1;transform:scale(1.15)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes settlement-stamp{0%{opacity:0;transform:translate(-50%)rotate(-15deg)scale(2.5)}60%{opacity:1;transform:translate(-50%)rotate(-15deg)scale(.9)}80%{transform:translate(-50%)rotate(-15deg)scale(1.08)}to{opacity:1;transform:translate(-50%)rotate(-15deg)scale(1)}}@keyframes settlement-star-pop{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.settle-fade-in{animation:.4s ease-out both settlement-fade-in}.settle-slide-up{animation:.5s ease-out both settlement-slide-up}.settle-pop-in{animation:.5s cubic-bezier(.34,1.56,.64,1) both settlement-pop-in}.settle-stamp{animation:.6s cubic-bezier(.34,1.56,.64,1) both settlement-stamp}.settle-star-pop{animation:.4s cubic-bezier(.34,1.56,.64,1) both settlement-star-pop}@media (max-width:424px){.grid-container{grid-template-rows:repeat(13,min(120px,12.5dvw));grid-template-columns:repeat(8,min(120px,12.5dvw))}.cell{width:min(120px,12.5dvw);height:min(120px,12.5dvw)}.card-in-hand{width:48px;height:48px;font-size:24px}.hand-slot{width:52px;height:52px}.top-bar{padding:4px 8px;font-size:12px}.info-panel{padding:6px;font-size:12px}}@media (min-width:425px) and (max-width:1024px){.top-bar{padding:4px 10px;font-size:13px}.info-panel{padding:8px;font-size:13px}.info-hero-btn{padding:5px 0;font-size:13px}}.battlefield-viewport{width:100%;height:100%;position:relative;overflow:hidden}:root{--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px)}.game-container{padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}.menu-top-bar{padding-top:calc(10px + var(--safe-area-top))}.menu-bottom-bar{padding-bottom:calc(20px + var(--safe-area-bottom))}.banner-ad-container{z-index:900;padding-bottom:var(--safe-area-bottom,0px);position:fixed;bottom:0;left:50%;transform:translate(-50%)}