:root{--parchment: #f2e8cf;--parchment-deep: #e7d9b4;--ink: #4a3f35;--player-body: #f0a868;--player-helmet: #c1553f;--enemy-body: #8aa7c7;--enemy-helmet: #49688e;--gold: #f2c14e;--green: #6a994e;--night: #2b3a55}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}html,body{height:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}body{background:var(--parchment);color:var(--ink);font-family:Comic Sans MS,Comic Neue,Segoe UI,system-ui,sans-serif;background-image:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.35),transparent 60%),radial-gradient(ellipse at 70% 85%,rgba(120,90,40,.08),transparent 55%)}#app{position:fixed;inset:0;display:flex;flex-direction:column}.progress{display:flex;justify-content:center;gap:14px;padding:12px 0 4px;min-height:44px}.pip{width:26px;height:30px;opacity:.35;transition:opacity .3s}.pip.won{opacity:1}.pip.won svg{animation:pip-pop .35s ease-out}@keyframes pip-pop{0%{transform:scale(.3) rotate(-20deg)}70%{transform:scale(1.25) rotate(6deg)}to{transform:scale(1)}}.battlefield{position:relative;flex:1;overflow:hidden}.unit{position:absolute;will-change:transform}.unit svg{display:block;width:100%;height:100%}.unit.major{cursor:pointer}.unit.draggable{cursor:grab;touch-action:none}.unit.dragging{cursor:grabbing;z-index:5}.unit.dragging svg{transform:scale(1.1) rotate(-4deg);filter:drop-shadow(0 6px 8px rgba(0,0,0,.25))}.unit.soldier.pulse svg{animation:major-pulse 1s ease-in-out infinite}.unit.merge-ready{cursor:pointer}.unit.merge-ready svg{animation:major-pulse 1.1s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(242,193,78,.85))}.unit.pulse-strong-soldier svg{animation:major-wiggle .7s ease-in-out infinite;filter:drop-shadow(0 0 16px rgba(242,193,78,1))}.unit.enemy.target svg{transform:scale(1.18);transition:transform .12s ease-out;filter:drop-shadow(0 0 10px rgba(242,193,78,.9))}.unit.major.pulse svg{animation:major-pulse 1s ease-in-out infinite}.unit.major.pulse-strong svg{animation:major-wiggle .7s ease-in-out infinite;filter:drop-shadow(0 0 14px rgba(242,193,78,.95))}@keyframes major-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes major-wiggle{0%,to{transform:scale(1.1) rotate(0)}25%{transform:scale(1.12) rotate(-7deg)}75%{transform:scale(1.12) rotate(7deg)}}.unit.cheer svg{animation:cheer .5s ease-in-out 2}@keyframes cheer{0%,to{transform:translateY(0)}50%{transform:translateY(-16px) rotate(-4deg)}}.war-report{position:absolute;top:8px;left:50%;transform:translate(-50%);font-size:28px;font-weight:700;letter-spacing:2px;color:var(--ink);opacity:.75;background:#ffffff73;border:2px solid rgba(74,63,53,.35);border-radius:12px;padding:4px 16px;white-space:nowrap}.banner{position:absolute;width:60px;height:68px;z-index:6;pointer-events:none}.banner.enemy{top:10px;left:10px}.banner.player{bottom:10px;left:10px}.banner svg{position:absolute;inset:0;width:100%;height:100%}.banner-num{position:absolute;inset:0 0 8px;display:grid;place-items:center;font-size:26px;font-weight:700;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.5)}.stamp{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%) rotate(-6deg);font-size:min(38vw,220px);font-weight:700;color:var(--player-helmet);text-shadow:4px 4px 0 rgba(74,63,53,.25);pointer-events:none}.stamp.counting{font-size:min(24vw,130px);opacity:.85}.stamp.in{animation:stamp-in .4s cubic-bezier(.2,1.6,.4,1) both}@keyframes stamp-in{0%{transform:translate(-50%,-50%) rotate(-6deg) scale(2.4);opacity:0}to{transform:translate(-50%,-50%) rotate(-6deg) scale(1);opacity:1}}.action-btn{position:absolute;bottom:22px;right:22px;width:84px;height:84px;border:none;border-radius:50%;background:var(--green);box-shadow:0 5px #3a522be6,2px 6px 10px #00000040;cursor:pointer;display:grid;place-items:center;animation:btn-pop .3s cubic-bezier(.2,1.6,.4,1) both}.action-btn:active{transform:translateY(4px);box-shadow:0 1px #3a522be6}@keyframes btn-pop{0%{transform:scale(0)}to{transform:scale(1)}}.camp{position:fixed;inset:0;background:linear-gradient(180deg,#1c2740 0%,var(--night) 55%,#3d4a63 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;animation:camp-fade .6s ease-out both;z-index:10}@keyframes camp-fade{0%{opacity:0}to{opacity:1}}.camp .scene{width:min(78vw,420px)}.flame{transform-box:fill-box;transform-origin:50% 100%;animation:flicker .9s ease-in-out infinite alternate}@keyframes flicker{0%{transform:scaleY(1) scaleX(1)}to{transform:scaleY(1.12) scaleX(.94)}}.camp .bonus-btn{position:static;animation-delay:1.2s;background:var(--gold);box-shadow:0 5px #a0781ee6,2px 6px 10px #00000059;margin-top:18px}.map-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.map-wrap svg{width:100%;height:100%}.map-node.tap{cursor:pointer}.map-ring{transform-box:fill-box;transform-origin:center;animation:ring-pulse 1.6s ease-in-out infinite}@keyframes ring-pulse{0%,to{transform:scale(.85);opacity:.9}50%{transform:scale(1.15);opacity:.35}}.map-flag-pop{transform-box:fill-box;transform-origin:bottom center;animation:flag-plant .45s cubic-bezier(.2,1.6,.4,1) both}@keyframes flag-plant{0%{transform:scale(0) rotate(-30deg)}to{transform:scale(1) rotate(0)}}.chest-scene{position:fixed;inset:0;background:#2b3a558c;z-index:9}.chest{position:absolute;left:50%;top:46%;transform:translate(0);margin-left:-80px;width:160px;height:140px;border:none;background:none;cursor:pointer}.chest svg{width:100%;height:100%}.chest.waiting svg{animation:major-pulse 1s ease-in-out infinite;filter:drop-shadow(0 0 16px rgba(242,193,78,.9))}.loot-card{position:absolute;left:50%;top:12%;transform:translate(-50%);width:180px;height:200px;background:var(--parchment);border:4px solid var(--ink);border-radius:18px;display:grid;place-items:center;padding:16px;box-shadow:0 10px 28px #0006}.loot-card svg{width:100%;height:100%}.loot-card.rare{border-color:#49688e;box-shadow:0 0 26px #5f93ade6,0 10px 28px #0006}.loot-card.epic{border-color:#d9a621;box-shadow:0 0 34px #f2c14e,0 10px 28px #0006}.armory{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:16px 12px 110px;overflow-y:auto}.armory-preview{display:flex;align-items:flex-end;gap:14px;margin:8px 0 18px}.armory-major{width:130px}.armory-soldier{width:84px}.armory-shield{width:72px}.armory-preview svg{width:100%;height:auto}.armory-rack{display:flex;flex-direction:column;gap:14px;width:100%;max-width:420px}.armory-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.armory-card{width:76px;height:84px;background:#ffffff80;border:3px solid rgba(74,63,53,.4);border-radius:14px;padding:6px;cursor:pointer}.armory-card svg{width:100%;height:100%}.armory-card.rare{border-color:#49688e}.armory-card.epic{border-color:#d9a621}.armory-card.equipped{background:#f2c14e73;border-width:4px;box-shadow:0 0 12px #f2c14ecc}.armory-empty{width:90px;margin:30px auto;opacity:.3}.back-btn{left:22px;right:auto;bottom:22px;background:var(--player-helmet);box-shadow:0 5px #7a3224e6,2px 6px 10px #00000040}.armory-btn{left:22px;right:auto;background:var(--player-helmet);box-shadow:0 5px #7a3224e6,2px 6px 10px #00000040}.streak{position:absolute;right:16px;top:12px;width:56px;text-align:center;pointer-events:none}.streak svg{width:100%}.streak-num{font-size:22px;font-weight:700;color:var(--ink);margin-top:-6px}.streak.quiet .streak-num{color:#7d766d}.fx{position:absolute;pointer-events:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.unit.major.pulse svg,.unit.major.pulse-strong svg{animation:none!important;filter:drop-shadow(0 0 16px rgba(242,193,78,1))}}