/* Arcane Surge tag + streak pips on Play, and the "+N Arcane Surge!" burst. */
body #play-solo .su-ui{position:absolute;inset:0;pointer-events:none;z-index:6}
body #play-solo .su-ui[hidden]{display:none}
#play-solo .su-ui svg{width:1em;height:1.3em;display:block}
#play-solo .su-ui svg path{fill:currentColor}
#play-solo .su-tag{position:absolute;right:10px;top:0;translate:0 -55%;display:none;align-items:center;gap:3px;padding:2px 9px 2px 6px;border:1px solid var(--surge-light,#f2c5ff);border-radius:999px;background:linear-gradient(var(--surge-color,#9e39d9),var(--surge-dark,#20132e));color:#fff6e0;font:700 11px/1.2 "Trebuchet MS",system-ui,sans-serif;letter-spacing:.04em;text-shadow:0 1px 2px #0009;box-shadow:0 0 12px var(--surge-color,#9e39d9),0 2px 0 #0006;white-space:nowrap}
#play-solo .su-tag svg{color:#ffe7a8;font-size:10px}
#play-solo .su-tag b{font-size:13px}
#play-solo .su-ui.active .su-tag{display:inline-flex}
#play-solo .su-pips{position:absolute;left:50%;top:0;translate:-50% -50%;display:flex;gap:6px;padding:2px 8px;border-radius:999px;background:#160d22d9;border:1px solid #c9a86566}
#play-solo .su-pips i{display:block;color:#6d5a86;font-size:12px;transition:color .3s}
#play-solo .su-pips i.on{color:#ffcf73;filter:drop-shadow(0 0 3px #f4c95d)}
#play-solo .su-ui.active .su-pips i.on{color:var(--surge-light,#f2c5ff);filter:drop-shadow(0 0 4px var(--surge-color,#c75bff))}
#play-solo .su-ui.active .su-pips i{animation:su-flicker 1.4s ease-in-out infinite alternate}
#play-solo .su-ui.active .su-pips i:nth-child(2){animation-delay:-.45s}
#play-solo .su-ui.active .su-pips i:nth-child(3){animation-delay:-.9s}
@keyframes su-flicker{from{transform:scaleY(.86)}to{transform:scaleY(1.08) translateY(-1px)}}
.su-layer{position:fixed;inset:0;margin:0;padding:0;border:0;width:100vw;height:100vh;max-width:none;max-height:none;background:none;overflow:visible;pointer-events:none;z-index:2147483000}
.su-spark{position:fixed;left:0;top:0;width:7px;height:7px;margin:-3.5px;border-radius:50%}
.su-burst{position:fixed;left:50%;top:50%;translate:-50% -50%;display:grid;justify-items:center;gap:2px;color:#fff6e0;text-align:center;filter:drop-shadow(0 0 18px var(--su-color,#c75bff)) drop-shadow(0 4px 0 #0008)}
.su-burst .su-flame{color:var(--su-color,#c75bff);width:clamp(34px,7vh,58px)}
.su-burst .su-flame svg{width:100%;height:auto}
.su-burst .su-flame path{fill:currentColor;stroke:var(--su-light,#fff1bd);stroke-width:.6}
.su-burst b{font:900 clamp(46px,12vh,96px)/.9 Georgia,serif;background:linear-gradient(#fff6d6,#f4c95d 55%,#c98a2c);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px #6a3d12}
.su-burst small{font:700 clamp(15px,3.4vh,24px) "Trebuchet MS",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--su-light,#fff1bd)}
html[data-motion=gentle] #play-solo .su-ui.active .su-pips i{animation:none}
.su-burst.su-burst-at b{font-size:clamp(34px,8vh,64px)}.su-burst.su-burst-at small{font-size:clamp(12px,2.4vh,18px)}.su-burst.su-burst-at .su-flame{width:clamp(26px,5vh,42px)}
.su-burst::before{content:"";position:absolute;inset:-30% -40%;z-index:-1;background:radial-gradient(closest-side,#0b0716d9,#0b071680 55%,transparent)}