#combat-canvas{position:fixed;inset:0;z-index:125;pointer-events:none}
.played-card-ghost{position:fixed!important;margin:0!important;min-width:0!important;z-index:160;pointer-events:none!important;animation:none!important;transform-origin:center!important}
#combo-feedback{position:fixed;top:27%;left:25%;z-index:160;pointer-events:none;color:#e8d2f5;background:linear-gradient(90deg,transparent,#191124ba,transparent);padding:10px 26px;font:15px/1.8 'SimSun',serif;text-shadow:0 0 8px #8a5eb5;opacity:0}
#combo-feedback.visible{animation:combo-rise 1.3s ease-out forwards}
@keyframes combo-rise{0%{opacity:0;transform:translateY(12px)}20%,70%{opacity:1}100%{opacity:0;transform:translateY(-14px)}}
.in-battle .hero-sprite{transform-origin:48% 85%;animation:luneth-idle 6.5s ease-in-out infinite!important}
.in-battle .creature-beast .monster-sprite{transform-origin:50% 90%;animation:beast-idle 3.7s ease-in-out infinite!important}
.in-battle .creature-spirit .monster-sprite,.in-battle .creature-faerie .monster-sprite{animation:spirit-idle 5.3s ease-in-out infinite!important}
.in-battle .creature-armor .monster-sprite{transform-origin:50% 95%;animation:armor-idle 5.1s ease-in-out infinite!important}
.in-battle .creature-colossus .monster-sprite{transform-origin:50% 98%;animation:colossus-idle 7.2s ease-in-out infinite!important}
.in-battle .creature-sovereign .monster-sprite{animation:spirit-idle 6.8s ease-in-out infinite!important}
.in-battle .enemy:nth-child(2) .monster-sprite{animation-delay:-1.8s!important}
@keyframes luneth-idle{50%{transform:translateY(-2px) rotate(-.12deg)}}
@keyframes beast-idle{50%{transform:scaleY(1.013) translateX(-1px)}}
@keyframes spirit-idle{50%{transform:translateY(-7px) rotate(.6deg)}}
@keyframes armor-idle{50%{transform:rotate(.28deg) translateY(-1px)}}
@keyframes colossus-idle{50%{transform:scaleY(1.008) rotate(-.15deg)}}
.in-battle .actor-cast .actor-sprite{animation:hero-cast .32s ease-out!important}
.in-battle .actor-hurt .actor-sprite{animation:impact-recoil .24s ease-out!important}
.in-battle .actor-lunge .actor-sprite{animation:enemy-lunge .36s ease-in-out!important}
.in-battle .creature-colossus.actor-lunge .actor-sprite{animation:colossus-strike .4s ease-out!important}
@keyframes impact-recoil{20%{transform:translateX(5px);filter:brightness(1.22)}60%{transform:translateX(-2px)}100%{transform:translateX(0)}}
@keyframes colossus-strike{35%{transform:rotate(2deg) translateY(-4px)}60%{transform:rotate(-2deg) translateX(-15px)}100%{transform:none}}
.in-battle .actor-health>span{transition:width .17s ease-out}
.in-battle .battle-run.domain-active:after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #b395d350;box-shadow:inset 0 0 70px #a783c61a;z-index:3}
.in-battle .battle-run.bloom-active .hero-sigil{opacity:.9;filter:drop-shadow(0 0 13px #e1c0ff)}
.in-battle .scene-mist{animation-duration:14s!important;opacity:.2}
.audio-settings-note{font-size:12px;line-height:1.9;color:#b6a7c1}
.setting-row select{background:#17101f;color:#e8dced;border:1px solid #9b80b0;padding:9px 14px;font:inherit}
body.reduce-effects .actor-sprite,body.reduce-effects #combo-feedback{animation:none!important}
body.reduce-effects #combo-feedback{opacity:1}
@media(prefers-reduced-motion:reduce){.in-battle .actor-sprite,#combo-feedback{animation:none!important}.in-battle .actor-health>span{transition:none}#combo-feedback{opacity:1}}
@media(max-width:700px){#combo-feedback{top:32%;left:13%;font-size:12px;padding:6px 16px}}
/* Reserve real space below the HUD for intentions, especially on large bosses. */
@media(min-width:701px){
 .in-battle .enemy[data-creature] .intent{background:linear-gradient(90deg,transparent,#100d18cc 18%,#100d18cc 82%,transparent);padding:4px 8px 7px;gap:3px 8px}
 .in-battle .enemy[data-creature] .intent>small{font-size:11px;line-height:1.5}
 .in-battle .enemy[data-creature] .intent-special{font-size:10px;line-height:1.45}
}
.in-battle .turn-controls .enemy-guide-button{min-height:27px;padding:2px 16px;font-size:11px;color:#d7c5e9}