.sc-banners{--sc-offense:linear-gradient(180deg, #fff6d0 0%, #ffb02e 42%, #ff3d2e 100%);--sc-defense:linear-gradient(180deg, #f0fdff 0%, #5be0ff 45%, #2a6cff 100%);--sc-gold:linear-gradient(180deg, #fffbe0 0%, #ffd83a 45%, #ff9200 100%);--sc-danger:linear-gradient(180deg, #ffe9e4 0%, #ff5d4a 45%, #b90f1a 100%);--sc-neutral:linear-gradient(180deg, #fff 0%, #c6d2f2 100%);--sc-defeat:linear-gradient(180deg, #e9d5d5 0%, #a13a3a 50%, #4a0d12 100%);--sc-offense-ends:linear-gradient(180deg, #fff6d0 50%, #ff3d2e 50%);--sc-defense-ends:linear-gradient(180deg, #f0fdff 50%, #2a6cff 50%);--sc-gold-ends:linear-gradient(180deg, #fffbe0 50%, #ff9200 50%);--sc-danger-ends:linear-gradient(180deg, #ffe9e4 50%, #b90f1a 50%);--sc-neutral-ends:linear-gradient(180deg, #fff 50%, #c6d2f2 50%);--sc-defeat-ends:linear-gradient(180deg, #e9d5d5 50%, #4a0d12 50%);pointer-events:none;position:absolute;inset:0;overflow:hidden;container-type:size}.sc-slot{flex-direction:column;gap:.4rem;display:flex;position:absolute}.sc-slot-center{inset-inline:0;text-align:center;align-items:center;top:17%}.sc-slot-kill{inset-inline:0;text-align:center;align-items:center;top:58%}.sc-slot-mine{text-align:left;align-items:flex-start;top:41%;left:3%}.sc-slot-theirs{text-align:right;align-items:flex-end;top:41%;right:3%}.sc-callout{--glow:#ffffff8c;transform-origin:50%;max-width:94cqw;animation:sc-slam .46s cubic-bezier(.16, 1.4, .3, 1) both, sc-out .3s ease-in calc(var(--ms,2s) - .3s) forwards;will-change:transform, opacity;padding:.1em .5em;position:relative}.sc-slot-mine .sc-callout{transform-origin:0;animation-name:sc-slam-left,sc-out}.sc-slot-theirs .sc-callout{transform-origin:100%;animation-name:sc-slam-right,sc-out}.sc-callout:before{content:"";z-index:-1;background:linear-gradient(90deg, transparent 0%, var(--glow) 28%, var(--glow) 72%, transparent 100%);opacity:0;animation:.62s cubic-bezier(.2,.8,.2,1) 40ms both sc-streak;position:absolute;inset:18% -6%;transform:skew(-18deg)scaleX(0)}.sc-text{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;background:var(--sc-neutral);color:#0000;filter:drop-shadow(0 .045em 0 #000000d9) drop-shadow(0 0 .35em var(--glow)) drop-shadow(0 .12em .25em #0009);-webkit-background-clip:text;background-clip:text;background-image:var(--sc-neutral), var(--sc-neutral-ends);background-repeat:repeat-x,no-repeat;background-origin:content-box,padding-box;margin:-.16em -.2em -.12em -.1em;padding:.16em .2em .12em .1em;font-style:italic;line-height:.92}.sc-sub{font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 2px #000c,0 0 14px #000c;margin-top:.35em;font-size:clamp(.85rem,1.9cqw,1.5rem);animation:.42s ease-out .16s both sc-sub}.sc-callout{--room:90}.sc-slot-mine .sc-callout,.sc-slot-theirs .sc-callout{--room:40}.sc-text{--fit:calc(var(--room) * 1cqw / (.62 * var(--chars,12)))}.sc-md .sc-text{font-size:min(clamp(1.3rem, 3.4cqw, 2.8rem), var(--fit))}.sc-lg .sc-text{font-size:min(clamp(2rem, 6.2cqw, 5.2rem), var(--fit))}.sc-xl .sc-text{font-size:min(clamp(2.6rem, 9cqw, 7.6rem), var(--fit))}.sc-mega .sc-text{font-size:min(clamp(3.6rem, 15cqw, 13rem), var(--fit))}.sc-slot-mine .sc-xl .sc-text,.sc-slot-theirs .sc-xl .sc-text{font-size:min(clamp(2rem, 6cqw, 5rem), var(--fit))}.sc-slot-mine .sc-md .sc-sub,.sc-slot-theirs .sc-md .sc-sub{margin-top:.15em;font-size:clamp(.7rem,1.4cqw,1.05rem)}.sc-tone-offense{--glow:#ff7828b3}.sc-tone-offense .sc-text{background-image:var(--sc-offense), var(--sc-offense-ends)}.sc-tone-defense{--glow:#46c8ffb3}.sc-tone-defense .sc-text{background-image:var(--sc-defense), var(--sc-defense-ends)}.sc-tone-gold,.sc-tone-victory{--glow:#ffc828b3}.sc-tone-gold .sc-text,.sc-tone-victory .sc-text{background-image:var(--sc-gold), var(--sc-gold-ends)}.sc-tone-danger{--glow:#ff3228b3}.sc-tone-danger .sc-text{background-image:var(--sc-danger), var(--sc-danger-ends)}.sc-tone-defeat{--glow:#8c1414b3}.sc-tone-defeat .sc-text{background-image:var(--sc-defeat), var(--sc-defeat-ends)}.sc-tone-victory .sc-text{background-size:100% 220%,100% 100%;animation:1.6s ease-in-out .5s infinite alternate sc-shine}.sc-tone-danger.sc-xl,.sc-tone-danger.sc-mega,.sc-tone-defeat{animation-name:sc-slam,sc-shudder,sc-out;animation-duration:.46s,.38s,.3s;animation-delay:0s, .46s, calc(var(--ms,2s) - .3s);animation-timing-function:cubic-bezier(.16,1.4,.3,1),linear,ease-in;animation-fill-mode:both,none,forwards}@keyframes sc-slam{0%{opacity:0;filter:blur(14px)brightness(3);transform:scale(3.4)rotate(-3deg)}55%{opacity:1;filter:blur()brightness(1.9)}to{opacity:1;filter:blur()brightness();transform:scale(1)rotate(-2deg)}}@keyframes sc-slam-left{0%{opacity:0;filter:blur(10px)brightness(3);transform:translate(-60cqw)skew(-24deg)}to{opacity:1;filter:blur()brightness();transform:translate(0)skew(0)}}@keyframes sc-slam-right{0%{opacity:0;filter:blur(10px)brightness(3);transform:translate(60cqw)skew(24deg)}to{opacity:1;filter:blur()brightness();transform:translate(0)skew(0)}}@keyframes sc-out{to{opacity:0;filter:blur(6px);transform:translateY(-.5em)scale(1.08)}}@keyframes sc-streak{0%{opacity:.95;transform:skew(-18deg)scaleX(0)}45%{opacity:.7;transform:skew(-18deg)scaleX(1.15)}to{opacity:0;transform:skew(-18deg)scaleX(1.5)}}@keyframes sc-sub{0%{opacity:0;letter-spacing:.4em;transform:translateY(.6em)}to{opacity:1;letter-spacing:.08em;transform:translateY(0)}}@keyframes sc-shine{0%{filter:drop-shadow(0 .045em 0 #000000d9) drop-shadow(0 0 .3em var(--glow));background-position:50% 0}to{filter:drop-shadow(0 .045em 0 #000000d9) drop-shadow(0 0 .9em var(--glow));background-position:50% 100%}}@keyframes sc-shudder{0%,to{translate:0}20%{translate:-.06em .03em}40%{translate:.05em -.04em}60%{translate:-.04em -.02em}80%{translate:.03em .03em}}
