*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;font-family:Hiragino Maru Gothic ProN,"Rounded Mplus 1c",system-ui,sans-serif;-webkit-user-select:none;user-select:none}.app-bg{width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 30%,#5fa83a,#2f6b22)}.scaler{transform-origin:center center;flex:0 0 auto}.game{position:relative;width:100%;display:flex;flex-direction:column;background:#6fbb3a}.hive-hp{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:210px;z-index:20;text-align:center;pointer-events:none}.top-header{width:100%;padding:8px 0;text-align:center;background:linear-gradient(#3d7a1f,#2c5a14);border-bottom:4px solid #2c1d10;color:#ffe060;font-weight:900;font-size:18px;letter-spacing:2px;text-shadow:0 2px 0 #2c1d10,0 0 6px rgba(0,0,0,.4);position:relative}.mute-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#00000040;border:2px solid #2c1d10;border-radius:10px;font-size:18px;line-height:1;padding:3px 7px;cursor:pointer}.hive-hp-label{color:#fff;font-weight:800;font-size:14px;text-shadow:0 2px 0 #2c1d10,0 0 4px #2c1d10}.hive-hp-track{position:relative;margin:2px auto 0;width:100%;height:22px;background:#3a2a16;border:3px solid #2c1d10;border-radius:14px;overflow:hidden}.hive-hp-fill{height:100%;background:linear-gradient(#a6e857,#5fb22a);transition:width .2s}.hive-hp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:15px;text-shadow:0 1px 2px #2c1d10}.battlefield{position:relative;width:100%;overflow:hidden;background:#6fbb3a}.road{position:absolute;top:0;bottom:0;left:70px;right:70px;background:linear-gradient(#e7d29a,#ddc285);border-radius:40px 40px 0 0/80px 80px 0 0;box-shadow:inset 0 0 0 4px #ffffff26}.flowers{position:absolute;top:30px;bottom:0;width:66px;font-size:22px;line-height:2.4;text-align:center;word-spacing:2px;opacity:.95;pointer-events:none;overflow:hidden}.flowers.left{left:0}.flowers.right{right:0}.unit{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:10}.unit-body{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:26px;border-radius:50%;filter:drop-shadow(0 2px 1px rgba(0,0,0,.3))}.bee-glyph{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1}.bee-item{position:absolute;right:-6px;bottom:-2px;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.unit.bee.theme-red .bee-glyph{filter:drop-shadow(0 0 5px #ff5a4d) drop-shadow(0 2px 1px rgba(0,0,0,.35))}.unit.bee.theme-blue .bee-glyph{filter:drop-shadow(0 0 5px #3aa0e8) drop-shadow(0 2px 1px rgba(0,0,0,.35))}.unit.bee.theme-green .bee-glyph{filter:drop-shadow(0 0 5px #5fd22a) drop-shadow(0 2px 1px rgba(0,0,0,.35))}.enemy-body{display:flex;align-items:center;justify-content:center;width:100%;height:100%;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35)) saturate(1.1)}.dragonfly{filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.unit.hit .bee-glyph,.unit.hit .enemy-body,.unit.hit .dragonfly{animation:hitflash .18s linear}@keyframes hitflash{0%{filter:brightness(2.4) drop-shadow(0 0 6px #fff);transform:scale(1.18) rotate(-6deg)}to{transform:scale(1) rotate(0)}}.unit.atk-up{animation:lungeup .18s ease-out}.unit.atk-down{animation:lungedown .18s ease-out}@keyframes lungeup{50%{transform:translate(-50%,calc(-50% - 7px))}}@keyframes lungedown{50%{transform:translate(-50%,calc(-50% + 7px))}}.fx-dmg{position:absolute;z-index:40;font-weight:900;font-size:15px;pointer-events:none;white-space:nowrap}.fx-dmg.good{color:#fff;text-shadow:0 0 3px #ff9d00,0 2px 2px #7a3b00,-1px -1px 0 #c85a00}.fx-dmg.foe{color:#ffd2d2;text-shadow:0 0 3px #c0392b,0 1px 2px #5a0000}.fx-bullet{position:absolute;z-index:35;width:9px;height:9px;margin:-4px 0 0 -4px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff6c0,#ffae00);box-shadow:0 0 6px #ffcf3d;pointer-events:none}.hpbar{height:6px;background:#00000073;border:1px solid #2c1d10;border-radius:4px;overflow:hidden;margin-bottom:3px}.hpbar-fill{height:100%;transition:width .1s linear}.hive{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:200px;height:120px;z-index:5}.hive-dome{position:absolute;bottom:0;left:0;width:200px;height:120px;background:repeating-linear-gradient(60deg,transparent 0 10px,rgba(180,120,10,.25) 10px 12px),repeating-linear-gradient(-60deg,transparent 0 10px,rgba(180,120,10,.25) 10px 12px),radial-gradient(circle at 50% 30%,#ffd84d,#f0a91c);border:4px solid #c8860d;border-radius:100px 100px 16px 16px;box-shadow:inset 0 -8px 12px #965a0066}.hive-entrance{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:54px;height:60px;background:radial-gradient(circle at 50% 30%,#6b3e0a,#2c1808);border-radius:30px 30px 8px 8px;border:3px solid #c8860d}.hive-flash{position:absolute;bottom:0;left:0;width:200px;height:120px;border-radius:100px 100px 16px 16px;background:radial-gradient(circle at 50% 45%,#ff4632e6,#f000);opacity:0;pointer-events:none}.hive.hive-hit{animation:hiveshake .36s ease}.hive.hive-hit .hive-flash{animation:hiveflash .36s ease}@keyframes hiveshake{0%,to{transform:translate(-50%)}20%{transform:translate(calc(-50% - 7px)) rotate(-2deg)}50%{transform:translate(calc(-50% + 7px)) rotate(2deg)}75%{transform:translate(calc(-50% - 3px)) rotate(-1deg)}}@keyframes hiveflash{0%{opacity:.9}to{opacity:0}}.deploy-row{display:flex;gap:6px;padding:6px 8px;background:#5aa830;border-top:3px solid #3d7a1f}.deploy-btn{flex:1;border:3px solid #2c1d10;border-radius:12px;padding:4px 2px 5px;display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;font-family:inherit;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);transition:transform .08s}.deploy-btn:active:not(:disabled){transform:scale(.94)}.deploy-btn:disabled{filter:grayscale(.7) brightness(.8);opacity:.7;cursor:not-allowed}.deploy-btn.theme-red{background:linear-gradient(#ff8a6b,#e0492f)}.deploy-btn.theme-blue{background:linear-gradient(#5cc3f2,#2a8fd0)}.deploy-btn.theme-green{background:linear-gradient(#8ed24f,#5aa830)}.deploy-bee{font-size:23px;line-height:1;position:relative;padding-top:2px}.deploy-item{position:absolute;right:-5px;bottom:-2px;font-size:13px}.deploy-name{font-weight:800;font-size:11px}.deploy-cost{font-weight:800;font-size:13px;display:flex;align-items:center;gap:2px}.queen-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:linear-gradient(#6b4322,#4a2c12);border-top:4px solid #2c1d10}.queen-face{font-size:26px;line-height:1;flex-shrink:0}.queen-label{color:#fff;font-weight:800;font-size:15px;flex-shrink:0;text-shadow:0 1px 2px #2c1d10}.queen-track{position:relative;flex:1;height:26px;background:#2c1d10;border:3px solid #1a1008;border-radius:16px;overflow:hidden}.queen-fill{height:100%;background:linear-gradient(#ffe060,#f5a91b);transition:width .2s}.queen-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:15px;text-shadow:0 1px 2px #2c1d10}.stage-banner{position:absolute;top:38%;left:0;right:0;z-index:50;text-align:center;pointer-events:none}.banner-main{font-size:31px;font-weight:900;color:#fff;white-space:nowrap;-webkit-text-stroke:2px #2c1d10;text-shadow:0 4px 0 rgba(0,0,0,.3)}.banner-sub{margin-top:4px;font-size:20px;font-weight:900;color:#ffe060;text-shadow:0 2px 0 #2c1d10,0 0 6px #d88a00}.stage-banner.intro{animation:banner-intro 1.7s ease-out forwards}.stage-banner.clear .banner-main{color:#fff3b0}.stage-banner.clear{animation:banner-clear 1.7s ease-out forwards}@keyframes banner-intro{0%{transform:translate(-60%) scale(.6);opacity:0}18%{transform:translate(0) scale(1.1);opacity:1}30%{transform:translate(0) scale(1)}78%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(60%) scale(.9)}}@keyframes banner-clear{0%{transform:scale(.3) rotate(-8deg);opacity:0}22%{transform:scale(1.15) rotate(3deg);opacity:1}35%{transform:scale(1) rotate(0)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0000008c}.overlay-card{background:linear-gradient(#fff4d6,#ffe19c);border:5px solid #2c1d10;border-radius:22px;padding:24px 28px;text-align:center;box-shadow:0 10px 30px #00000080}.overlay-title{font-size:28px;font-weight:900;color:#c0392b;text-shadow:0 2px 0 #fff}.overlay-sub{margin:8px 0 18px;font-size:14px;color:#6b4322;font-weight:700}.overlay-btn{font-family:inherit;font-weight:800;font-size:18px;color:#fff;background:linear-gradient(#8ed24f,#5aa830);border:4px solid #2c1d10;border-radius:16px;padding:10px 28px;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.4)}.overlay-btn:active{transform:scale(.95)}