/* Presentation from approved-v15; no demo layout, data, or playback timer. */
/* The result retains the wound, but is not another lethal hit. */
#scarlet-bag-v30 .practice-battle.is-result .blood-defeat img{animation:none;opacity:1;transform:none}
/* Follow-up names belong to the attack icon; critical effects retain prominence. */
#scarlet-bag-v30 .action-caption{position:absolute;left:50%;top:calc(112% + 5px);translate:-50% 0;z-index:6;width:max-content;max-width:132px;min-height:23px;display:flex;align-items:center;justify-content:center;gap:5px;padding:2px 5px;color:#bba27c;background:none;border:0;white-space:nowrap;text-shadow:0 1px 3px #000;font:13px/1.2 Vollkorn}
/* Optical alignment with Vollkorn's visible letters, above its line-box centre. */
#scarlet-bag-v30 .action-caption>svg{width:17px;height:17px;flex-shrink:0;color:#a98b5a;position:relative;top:-2px}
#scarlet-bag-v30 .action-caption>span{font:inherit;color:inherit}
#scarlet-bag-v30 .action-count{display:grid;place-items:center;width:20px;height:20px;margin-left:1px;border:1px solid #80684780;border-radius:50%;font:14px/1 Vollkorn;color:#d3bb8e;background:#1d141b}
#scarlet-bag-v30 .boss-turn-card.has-followup{padding-top:15px;padding-bottom:26px}
#scarlet-bag-v30 .boss-turn-card .action-caption{font-size:12px;gap:4px;top:calc(112.5% + 4.5px)}
#scarlet-bag-v30 .boss-turn-card .action-caption>svg{width:15px;height:15px}
#scarlet-bag-v30 .practice-battle:not(.is-reviewing) .depth-0 .action-caption,#scarlet-bag-v30 .boss-arena-page:not(.is-reviewing) [data-depth="0"] .action-caption{animation:caption-settle .4s ease-out both}
@keyframes caption-settle{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#scarlet-bag-v30 .replay-motion .action-caption,#scarlet-bag-v30 .replay-motion .has-followup svg{animation:none!important}}

#scarlet-bag-v30 .duel-block.is-dodged .duel-impact strong,#scarlet-bag-v30 .boss-hit-value.is-dodged strong{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}#scarlet-bag-v30 .duel-block.is-dodged .duel-impact strong>svg,#scarlet-bag-v30 .boss-hit-value.is-dodged strong>svg{width:23px;height:23px;color:#b8c3c4}#scarlet-bag-v30 .duel-block.is-dodged .duel-impact strong>span{position:static;background:none;padding:0;color:#c1d2d4;font:14px Vollkorn}

#scarlet-bag-v30 .critical-caption{display:inline-flex;align-items:center;justify-content:center;gap:4px;vertical-align:middle;white-space:nowrap}#scarlet-bag-v30 .critical-caption svg{width:15px;height:15px;flex-shrink:0;color:#c9ac78}

#scarlet-bag-v30 .duel-block .critical-caption,#scarlet-bag-v30 .duel-block .critical-caption>span{position:static;inset:auto;background:none;padding:0;font:inherit;color:inherit}

#scarlet-bag-v30 .critical-caption svg{width:18px;height:16px;filter:none}

#scarlet-bag-v30 .event-status{position:absolute;left:5px;right:5px;bottom:10px;display:flex;justify-content:center;align-items:center;gap:5px;font:12px var(--sc-font-ui);color:#d8bd84}
#scarlet-bag-v30 .event-status svg,#scarlet-bag-v30 .status-pill svg{width:15px;height:15px;flex-shrink:0}
#scarlet-bag-v30 .status-pill{display:inline-flex;gap:4px;align-items:center;background:#241e17;border:1px solid #9c8254;border-radius:3px;padding:3px 6px;font:12px var(--sc-font-ui);color:#e4c78b;box-shadow:0 2px 5px #0007}
#scarlet-bag-v30 .duel-portrait .status-pill{position:absolute;bottom:3px;left:3px;z-index:6}
#scarlet-bag-v30 .combat-hud-status{position:absolute;left:3px;bottom:0;z-index:7}
#scarlet-bag-v30 .boss-status-slot{min-height:26px;margin-top:5px}
#scarlet-bag-v30 .duel-block.is-dodged{border-color:#77878b}
#scarlet-bag-v30 .duel-impact small,#scarlet-bag-v30 .boss-hit-value small{font-size:12px}
#scarlet-bag-v30 .boss-turn-card .event-status{bottom:8px}
#scarlet-bag-v30 .duel-exchange.is-skipped>svg{width:34px;height:34px;color:#dbc28d}
#scarlet-bag-v30 .boss-skipped{flex-direction:column;gap:5px}
#scarlet-bag-v30 .boss-skipped>svg{width:28px;height:28px;color:#c9ac78}
#scarlet-bag-v30 .boss-skipped strong{font:23px var(--sc-font-display)}
#scarlet-bag-v30 .boss-hit-value.critical strong,#scarlet-bag-v30 .boss-hit-value.critical small{color:#e9b77e}
#scarlet-bag-v30 .did-dodge .duel-portrait,#scarlet-bag-v30 .boss-figure.did-dodge{animation:combat-dodge .7s ease both}
#scarlet-bag-v30 .boss-dodge-label{position:absolute;top:40%;left:0;right:0;text-align:center;color:#d5e4e4;font:20px var(--sc-font-display);text-shadow:0 2px 5px #000}
#scarlet-bag-v30 .is-reviewing .did-dodge .duel-portrait{animation:none}
@keyframes combat-dodge{0%,100%{translate:0}35%{translate:-13px 0}65%{translate:-10px 0}}
html[data-motion="reduced"] #scarlet-bag-v30 .action-caption,html[data-motion="reduced"] #scarlet-bag-v30 .did-dodge .duel-portrait,html[data-motion="reduced"] #scarlet-bag-v30 .boss-figure.did-dodge{animation:none!important}
@media(prefers-reduced-motion:reduce){#scarlet-bag-v30 .did-dodge .duel-portrait,#scarlet-bag-v30 .boss-figure.did-dodge{animation:none}}

#scarlet-bag-v30 .boss-player-dodge{font-size:12px;animation:combat-dodge-word 1.2s both;pointer-events:none}
@keyframes combat-dodge-word{0%{opacity:0}15%,80%{opacity:1}100%{opacity:0}}

#scarlet-bag-v30 .duel-exchange.is-skipped>.duel-exchange-label{position:absolute;top:8px;left:9px;right:9px}
#scarlet-bag-v30 .duel-exchange.is-skipped>strong{font:23px var(--sc-font-display);color:#e3ceaa}

/* Block belongs to the receiving side; damage, caption and mana never overlap. */
#scarlet-bag-v30 .block-caption{display:flex;align-items:center;justify-content:center;gap:4px;color:#bba27c;font:13px/1.2 Vollkorn;white-space:nowrap;text-shadow:0 1px 3px #000}
#scarlet-bag-v30 .block-caption>svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:#a98b5a;position:relative;top:-1px}
#scarlet-bag-v30 .boss-turn-card .block-caption{font-size:12px}
#scarlet-bag-v30 .boss-turn-card .block-caption>svg{width:15px;height:15px}
#scarlet-bag-v30 .duel-block .block-caption>span{position:static;inset:auto;background:none;padding:0;font:inherit;color:inherit}
#scarlet-bag-v30 .duel-block>.block-caption{position:absolute;left:50%;top:calc(112% + 5px);translate:-50% 0;min-height:23px;width:max-content;max-width:132px;padding:2px 5px}
#scarlet-bag-v30 .duel-block.blocked .duel-impact{inset:33px 0 4px}
#scarlet-bag-v30 .boss-physical-icon{box-sizing:border-box;padding:13px;background:#19151c;fill:none;stroke:#c2ad89;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Match the duel's square attack/defence cells, with room for event captions. */
#scarlet-bag-v30 .boss-arena-page{grid-template-rows:minmax(0,1fr) 234px 54px;background:linear-gradient(#29151dee,#180c13f5),var(--art-wine)}
#scarlet-bag-v30 .boss-turn-card:not(.boss-result):not(.boss-skipped){padding:30px 12px 63px;gap:16px}
#scarlet-bag-v30 .boss-cast,#scarlet-bag-v30 .boss-target{width:98px;height:98px;flex:none}
#scarlet-bag-v30 .boss-target{position:relative;display:grid;place-items:center;border:1px solid #6c5d49;background:#18181e}
#scarlet-bag-v30 .boss-target.blocked{border-color:#879ca0}
#scarlet-bag-v30 .boss-target-art{position:absolute;inset:0;opacity:.32;border:0}
#scarlet-bag-v30 .boss-target-shield{width:48px;height:48px;fill:none;stroke:#766c61;stroke-width:1.2;opacity:.18}
#scarlet-bag-v30 .boss-target .boss-hit-value{position:absolute;inset:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;text-shadow:0 2px 4px #000,0 0 7px #000}
#scarlet-bag-v30 .boss-target.blocked .boss-hit-value{inset:33px 0 4px}
#scarlet-bag-v30 .boss-hit-value strong{line-height:1.1}
#scarlet-bag-v30 .boss-hit-notes{position:absolute;left:50%;top:calc(112.5% + 4.5px);translate:-50% 0;width:max-content;max-width:132px;min-height:23px;text-align:center;color:#bba27c;font:11px/1.2 var(--sc-font-ui)}
#scarlet-bag-v30 .boss-hit-notes>small{display:block;font:inherit}
#scarlet-bag-v30 .boss-hit-notes>.block-caption{min-height:23px;padding:2px 5px}
#scarlet-bag-v30 .boss-attack-arrow{width:44px;flex:none}
@media(max-width:370px){
 #scarlet-bag-v30 .boss-cast,#scarlet-bag-v30 .boss-target{width:87px;height:87px}
 #scarlet-bag-v30 .boss-turn-card:not(.boss-result):not(.boss-skipped){gap:10px;padding-inline:8px}
 #scarlet-bag-v30 .boss-attack-arrow{width:32px}
}
@media(max-height:740px){
 #scarlet-bag-v30 .boss-arena-page{grid-template-rows:minmax(0,1fr) 224px 54px}
 #scarlet-bag-v30 .boss-arena-heading{height:54px}
}