.battle-board .battle-top,.battle-board .distance,.battle-board .battle-pause{z-index:10}
.battle-board .battle-bottom{z-index:12}.battle-board .battle-message{z-index:9;transition:opacity .15s}
.battle-board .battle-pause{z-index:20}
.battle-board .battle-actors{z-index:2}.battle-actors:before{content:'';position:absolute;left:8%;right:8%;bottom:-5%;height:28%;border:2px dashed #fff8e888;border-radius:50%;transform:rotate(-2deg);pointer-events:none}
.battle-board .fighter .battle-hop .sprite{animation:none}
.battle-hop,.battle-action,.battle-react{width:100%;transform-origin:50% 88%}
.battle-hop{--hop-height:clamp(8px,1.1vw,17px);animation:combat-idle var(--hop-time,3.8s) ease-in-out infinite;animation-delay:var(--hop-delay,0s)}
.fighter.is-moving .battle-hop{animation:combat-step .34s ease-in-out infinite}
.fighter.is-acting .battle-hop,.fighter.is-reacting .battle-hop,.battle-ended .battle-hop{animation:none}
.battle-board .fighter.win .battle-hop{animation:combat-win .75s ease-in-out infinite}
.fighter .shadow{transition:opacity .2s}.fighter.is-acting .shadow{opacity:.65}
.battle-vfx{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden}
.battle-effect{display:block;position:absolute;z-index:1;transform:translate(-50%,-50%);transform-origin:center;filter:drop-shadow(0 2px 1px #6c503b24)}
.battle-effect svg,.cutin-symbol svg{display:block;width:100%;height:100%;overflow:visible}
.fx-projectile{filter:drop-shadow(0 0 7px var(--fx-light))}.fx-ring{filter:none}.fx-clock{position:absolute;width:0;height:0;pointer-events:none}
.battle-damage{position:absolute;z-index:3;color:#af604d;font-weight:900;font-size:clamp(23px,3vw,43px);line-height:1;text-shadow:-2px -2px #fff9eb,2px -2px #fff9eb,-2px 2px #fff9eb,2px 2px #fff9eb,0 4px 0 #62482e26;white-space:nowrap}
.battle-damage.is-special{font-size:clamp(30px,4vw,58px);color:#ae6a25}.battle-damage.is-miss{font-size:clamp(16px,2vw,26px);color:#778e84;letter-spacing:.09em}
.battle-cutin{position:absolute;inset:30% 0 27%;z-index:6;pointer-events:none}
.special-cutin{position:absolute;inset:0;display:grid;grid-template-columns:25% 1fr 19%;grid-template-rows:minmax(0,1fr);align-items:center;gap:2%;border-block:3px solid var(--fx-color);background:linear-gradient(110deg,var(--fx-light),#fffaf1f5 62%,var(--fx-light));box-shadow:0 6px 0 #493e2e18,0 -6px 20px #493e2e18;overflow:hidden}
.cutin-lines{position:absolute;inset:0;background:repeating-linear-gradient(-16deg,transparent 0 20px,#ffffff65 21px 24px,transparent 25px 44px);opacity:.7}
.cutin-portrait{position:relative;width:min(100%,220px);justify-self:end;transform:translateY(14%) rotate(-8deg);filter:drop-shadow(0 0 3px #fff9eb)}
.cutin-title{position:relative;z-index:1;text-align:center}.cutin-title small{display:block;font-size:clamp(10px,1.2vw,15px);letter-spacing:.18em;color:#846040;margin-bottom:6px}.cutin-title strong{display:block;font-size:clamp(21px,3vw,40px);line-height:1.3;color:#513a29;text-shadow:0 2px #ffffffb3}
.cutin-symbol{display:block;position:relative;width:clamp(50px,10vw,130px);height:clamp(50px,10vw,130px);transform:rotate(12deg)}
.cinematic-active .battle-message{opacity:0}
.battle-is-paused *{animation-play-state:paused!important}
@keyframes combat-idle{0%,59%,87%,100%{transform:translateY(0) rotate(0deg) scale(1)}63%{transform:translateY(2px) scale(1.035,.95)}69%{transform:translateY(calc(-1 * var(--hop-height))) rotate(-3deg) scale(.99,1.02)}75%{transform:translateY(1px) scale(1.03,.97)}81%{transform:translateY(calc(-.55 * var(--hop-height))) rotate(2deg)}85%{transform:translateY(0) scale(1)}}
@keyframes combat-step{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}
@keyframes combat-win{0%,100%{transform:translateY(0) rotate(-3deg)}45%{transform:translateY(-14px) rotate(4deg)}}
@media (orientation:landscape) and (max-height:450px){.battle-cutin{inset:29% 0 27%}.cutin-portrait{width:min(100%,115px)}.cutin-title strong{font-size:clamp(18px,2.8vw,27px)}.cutin-title small{font-size:10px;margin-bottom:2px}.cutin-symbol{width:65px;height:65px}.battle-damage{font-size:25px}.battle-damage.is-special{font-size:32px}}
@media (orientation:landscape) and (max-height:450px){.battle-board .battle-pause{top:8px;bottom:auto;right:10px;width:30px;height:28px;min-width:0;padding:0;font-size:0}.battle-board .battle-pause:after{content:'Ⅱ';font-size:16px;line-height:28px}}
@media (orientation:landscape) and (max-height:250px){.battle-cutin{top:62px;bottom:53px}.special-cutin{border-block-width:2px;grid-template-columns:23% 1fr 18%}.cutin-portrait{width:70px;transform:translateY(8%) rotate(-8deg)}.cutin-title strong{font-size:18px;line-height:1.1}.cutin-title small{font-size:9px;margin-bottom:2px}.cutin-symbol{width:46px;height:46px}.battle-damage{font-size:21px}.battle-damage.is-special{font-size:27px}.battle-hop{--hop-height:8px}}
@media(prefers-reduced-motion:reduce){.battle-hop,.fighter.is-moving .battle-hop,.battle-board .fighter.win .battle-hop{animation:none}.battle-message,.fighter .shadow{transition:none}}
.battle-loaf{position:absolute;z-index:5;background:#fffaf0e8;border:1px solid #d7cbb7;border-radius:11px;padding:5px 9px;color:#8e8bad;text-align:center;white-space:nowrap;box-shadow:0 3px 0 #8c785b18}.battle-loaf b{display:block;font-size:22px;letter-spacing:.1em}.battle-loaf small{display:block;font-size:11px;color:#87745b}.fighter.is-loaf .battle-hop{animation:loaf-breathe 1.6s ease-in-out infinite}@keyframes loaf-breathe{0%,100%{transform:rotate(-6deg) scaleY(.96)}50%{transform:rotate(-6deg) scaleY(.92)}}@media(orientation:landscape) and (max-height:250px){.battle-loaf b{font-size:16px}.battle-loaf small{font-size:9px}.battle-loaf{padding:3px 6px}}@media(prefers-reduced-motion:reduce){.fighter.is-loaf .battle-hop{animation:none}}
.battle-damage.is-heal{color:#508465;font-size:clamp(21px,3vw,36px)}
@media(orientation:landscape) and (max-height:250px){.battle-damage.is-heal{font-size:20px}}