/* 1.7.215 Sakura Drift stage background (doki_bgfx = sakura). Loaded only when a cast member uses it.
   No rings: the element ring/spotlight pseudo layers and the ring shapes in the stage pattern are dropped.
   Petals: CSS transforms + opacity only, behind the art and text, pointer-events none. */
.dcs3 .dcs3-panel[data-bgfx="sakura"] .dcs3-art::before,.dcs3 .dcs3-panel[data-bgfx="sakura"] .dcs3-art::after,
body.doki-cs-stage-page .dcs3 .dcs3-panel.is-active[data-bgfx="sakura"] .dcs3-art::before,body.doki-cs-stage-page .dcs3 .dcs3-panel.is-active[data-bgfx="sakura"] .dcs3-art::after{content:none}
body.doki-cs-stage-page .dcs3[data-bgfx="sakura"]{--b-ring:linear-gradient(transparent,transparent)}
.dcs3-sakura{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict;container-type:size}
.dcs3-panel:not(.is-active) .dcs3-sakura{display:none}
.dcs3-sakura i{position:absolute;left:var(--x);top:calc(100% + var(--y));width:var(--s);height:calc(var(--s) * .78);border-radius:100% 0 100% 6%;background:linear-gradient(135deg,#ffd6e6 0%,#ffa9c9 55%,#ff86b0 100%);filter:drop-shadow(0 1px 1px rgba(214,90,140,.25));box-shadow:inset 0 0 0 .5px rgba(255,255,255,.6);opacity:0;will-change:transform,opacity;backface-visibility:hidden;animation:dcs3-sakura var(--d) linear var(--dl) infinite}
@keyframes dcs3-sakura{
0%{transform:translate3d(0,0,0) rotate(var(--r));opacity:0}
8%{opacity:.95}
25%{transform:translate3d(calc(18cqw + var(--sw)),-30cqh,0) rotate(calc(var(--r) + 70deg)) rotateX(30deg)}
50%{transform:translate3d(calc(36cqw - var(--sw)),-60cqh,0) rotate(calc(var(--r) + 140deg)) rotateX(0deg)}
75%{transform:translate3d(calc(54cqw + var(--sw)),-90cqh,0) rotate(calc(var(--r) + 210deg)) rotateX(35deg)}
88%{opacity:.9}
100%{transform:translate3d(72cqw,-120cqh,0) rotate(calc(var(--r) + 280deg));opacity:0}}
@media (prefers-reduced-motion:reduce){.dcs3-sakura i{animation:none;opacity:.8;transform:translate3d(calc(var(--p) * 60cqw),calc(var(--p) * -95cqh - 8cqh),0) rotate(var(--r))}}