/* Presentation-only styles. Original ink-green / antique-gold project palette. */
.stage.s1-animated{isolation:isolate}
.s1-animated:before{z-index:0}
.s1-animated .fighter{z-index:2;transform-origin:50% 88%;will-change:transform,filter;animation:s1-breathe-heavy 3.7s ease-in-out infinite}
.s1-animated .fighter.foe{animation-delay:-1.6s}
.s1-animated .fighter[data-s1-idle="float"]{animation-name:s1-breathe-float;animation-duration:3.8s}
.s1-animated .fighter[data-s1-idle="sway"]{animation-name:s1-breathe-sway;animation-duration:3.2s}
.s1-animated .fighter[data-s1-idle="coil"]{animation-name:s1-breathe-coil;animation-duration:4.1s}
.s1-animated .fighter.s1-performing,.s1-animated .fighter.s1-hit{animation:none}
.s1-animated .fighter.s1-dead{animation:none;opacity:.28;filter:grayscale(1) drop-shadow(0 4px 8px #000);transform:translate(20px,30px) rotate(24deg)}
.s1-animated .fighter.hero.s1-dead{transform:translate(-20px,30px) rotate(-24deg)}
.s1-animated .stage-header{z-index:7;pointer-events:none;text-shadow:0 2px 5px #000}
.s1-animated .stage-result{z-index:7;pointer-events:none;font-size:19px;text-shadow:0 2px 6px #000;background:linear-gradient(90deg,transparent,#09100dbb 25%,#09100dbb 75%,transparent);padding:4px 0;bottom:10px}
.s1-animated .versus{z-index:1;transition:opacity .2s}
.s1-playing .versus{opacity:0}
.s1-playing .stage-result{opacity:0}
.s1-fx-canvas,.s1-fx-labels,.s1-impact-veil{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.s1-fx-canvas{z-index:4}
.s1-fx-labels{z-index:8;overflow:hidden}
.s1-impact-veil{z-index:3;opacity:0;background:radial-gradient(ellipse at center,#d6ad705e,transparent 70%)}
.s1-executing .s1-impact-veil{background:radial-gradient(ellipse at center,#c9705a66,transparent 80%)}
.s1-move-banner{position:absolute;left:14%;right:14%;top:48px;z-index:7;pointer-events:none;text-align:center;opacity:0;padding:8px 12px 9px;color:var(--gold-hi,#e8cf98);background:linear-gradient(90deg,transparent,#0b1311ed 20%,#0b1311ed 80%,transparent);border-top:1px solid transparent;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,#8b764baa,transparent) 1}
.s1-move-banner.visible{opacity:1}
.s1-move-banner strong{display:block;font:23px/1.4 var(--display,"KaiTi",serif);font-weight:400;letter-spacing:.10em;text-shadow:0 2px 8px #000}
.s1-move-banner small{display:block;font:10px/1.6 var(--ui,"Microsoft YaHei",sans-serif);color:#b9b89f;letter-spacing:.1em;margin-top:1px}
.s1-move-banner.execution{color:#efd1a3;background:linear-gradient(90deg,transparent,#2a1713ed 25%,#2a1713ed 75%,transparent);border-image:linear-gradient(90deg,transparent,#c9705abb,transparent) 1}
.s1-move-banner.execution small{color:#eca78b}
.s1-move-banner.critical small{color:var(--gold-hi,#e8cf98)}
.s1-move-banner.failed{color:#b1b6a4}
.s1-damage{position:absolute;text-align:center;min-width:94px;max-width:65%;transform:translateX(-50%);color:#f0deaa;text-shadow:0 2px 3px #060b09,0 0 9px #060b09;white-space:nowrap;pointer-events:none}
.s1-damage b{font:700 33px/1.1 var(--mono,Consolas,monospace);letter-spacing:-.04em}
.s1-damage small{display:block;font:11px/1.65 var(--ui,"Microsoft YaHei",sans-serif);color:inherit;letter-spacing:.06em;margin-top:4px}
.s1-damage.critical b{font-size:43px;color:#ffe2a0}
.s1-damage.heal{color:#a8e6bd}
.s1-damage.dodge{color:#d2e0d5}
.s1-damage.dodge b{font:28px var(--display,"KaiTi",serif);letter-spacing:.12em}
.s1-damage.execution{color:#ffd5bb}
.s1-damage.execution b{font:45px var(--display,"KaiTi",serif);letter-spacing:.05em}
.s1-damage.execution small{color:#f0ba9a}
@keyframes s1-breathe-heavy{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.012)}}
@keyframes s1-breathe-float{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-10px) rotate(.5deg)}}
@keyframes s1-breathe-sway{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}
@keyframes s1-breathe-coil{0%,100%{transform:scale(1) rotate(-.5deg)}50%{transform:scale(1.025,.99) rotate(.5deg)}}
@media(max-width:800px){.s1-move-banner{top:46px;left:5%;right:5%;padding:6px}.s1-move-banner strong{font-size:20px}.s1-animated .stage-result{font-size:17px;bottom:8px}.s1-damage b{font-size:28px}.s1-damage.critical b{font-size:34px}.s1-damage.execution b{font-size:38px}.s1-animated .stage-header{font-size:10px;left:12px;right:12px}}
@media(prefers-reduced-motion:reduce){.s1-animated .fighter{animation:none!important}.s1-animated .fighter.s1-dead,.s1-animated .fighter.hero.s1-dead{transform:none}.s1-animated .versus{transition:none}.s1-damage{transform:translateX(-50%)}.hp-fill{transition:none}}