.pkg{z-index:40;background:var(--background);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.pkg-film{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pkg-glow{aspect-ratio:1;filter:blur(10px);pointer-events:none;background:radial-gradient(circle,#ffd9668c,#ffc61a2e 45%,#0000 70%);border-radius:50%;width:min(90vw,420px);animation:2.7s ease-out both pkg-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pkg-card{aspect-ratio:5/7;will-change:transform,opacity;backface-visibility:hidden;filter:drop-shadow(0 0 24px #ffcc33a6)drop-shadow(0 18px 30px #0009);width:min(58vw,250px);animation:2.4s linear both pkg-flight;position:relative}.pkg-card:after{content:"";mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff8c 50%,#0000 65%) 0 0/250% 100%;border-radius:8px;animation:1.6s ease-out 2.2s both pkg-sheen;position:absolute;inset:0}@keyframes pkg-flight{0%{opacity:0;transform:translateY(30vh)rotate(0)scale(.12)}3.33%{opacity:.42;transform:translate(14.47vw,22.78vh)rotate(51.7deg)scale(.227)}6.67%{opacity:.83;transform:translate(23.57vw,14.99vh)rotate(101.4deg)scale(.303)}10%{opacity:1;transform:translate(26.88vw,7.59vh)rotate(149deg)scale(.37)}13.33%{opacity:1;transform:translate(25.26vw,1.31vh)rotate(194.5deg)scale(.429)}16.67%{opacity:1;transform:translate(20.26vw,-3.4vh)rotate(237.9deg)scale(.483)}20%{opacity:1;transform:translate(13.58vw,-6.47vh)rotate(279.3deg)scale(.533)}23.33%{opacity:1;transform:translate(6.67vw,-8.04vh)rotate(318.7deg)scale(.578)}26.67%{opacity:1;transform:translate(.58vw,-8.4vh)rotate(356.1deg)scale(.621)}30%{opacity:1;transform:translate(-4.12vw,-7.91vh)rotate(391.5deg)scale(.66)}33.33%{opacity:1;transform:translate(-7.24vw,-6.92vh)rotate(424.9deg)scale(.697)}36.67%{opacity:1;transform:translate(-8.89vw,-5.7vh)rotate(456.4deg)scale(.731)}40%{opacity:1;transform:translate(-9.32vw,-4.46vh)rotate(486deg)scale(.763)}43.33%{opacity:1;transform:translate(-8.87vw,-3.33vh)rotate(513.6deg)scale(.792)}46.67%{opacity:1;transform:translate(-7.86vw,-2.38vh)rotate(539.4deg)scale(.818)}50%{opacity:1;transform:translate(-6.59vw,-1.63vh)rotate(563.3deg)scale(.843)}53.33%{opacity:1;transform:translate(-5.25vw,-1.07vh)rotate(585.4deg)scale(.866)}56.67%{opacity:1;transform:translate(-4vw,-.67vh)rotate(605.6deg)scale(.886)}60%{opacity:1;transform:translate(-2.91vw,-.4vh)rotate(624.1deg)scale(.905)}63.33%{opacity:1;transform:translate(-2.02vw,-.22vh)rotate(640.8deg)scale(.922)}66.67%{opacity:1;transform:translate(-1.34vw,-.12vh)rotate(655.8deg)scale(.937)}70%{opacity:1;transform:translate(-.84vw,-.06vh)rotate(669.1deg)scale(.95)}73.33%{opacity:1;transform:translate(-.49vw,-.03vh)rotate(680.7deg)scale(.961)}76.67%{opacity:1;transform:translate(-.27vw,-.01vh)rotate(690.7deg)scale(.971)}80%{opacity:1;transform:translate(-.13vw)rotate(699.1deg)scale(.98)}83.33%{opacity:1;transform:translate(-.06vw)rotate(706deg)scale(.986)}86.67%{opacity:1;transform:translate(-.02vw)rotate(711.4deg)scale(.992)}90%{opacity:1;transform:translate(-.01vw)rotate(715.5deg)scale(.996)}93.33%{opacity:1;transform:translate(0)rotate(718.1deg)scale(.998)}96.67%{opacity:1;transform:translate(0)rotate(719.6deg)scale(1)}to{opacity:1;transform:translate(0)rotate(720deg)scale(1)}}@keyframes pkg-glow{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}40%{opacity:1}to{opacity:.7;transform:translate(-50%,-50%)scale(1)}}@keyframes pkg-sheen{0%{background-position:120% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.pkg-card,.pkg-glow,.pkg-card:after{animation:none}}.pkg--held{container-type:size}.pkg-stage{aspect-ratio:9/16;width:max(100cqw,56.25cqh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pkg-stage-film{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.pkg-op-card{aspect-ratio:5/7;filter:drop-shadow(0 0 22px #ffcc33bf)drop-shadow(0 0 40px #aa33ff80);width:52%;animation:1.6s cubic-bezier(.3,.6,.25,1) both pkg-op-rise,1.4s ease-in-out 1.6s infinite alternate pkg-op-glow;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.pkg-op-card>*{width:100%;height:100%}@keyframes pkg-op-rise{0%{opacity:0;transform:translate(-50%,-50%)translate(38%,72%)perspective(900px)rotateY(90deg)scale(.18)}12%{opacity:1}45%{transform:translate(-50%,-50%)translate(34%,20%)perspective(900px)rotateY(540deg)scale(.45)}to{opacity:1;transform:translate(-50%,-50%)perspective(900px)rotateY(1080deg)scale(1)}}@keyframes pkg-op-glow{0%{filter:drop-shadow(0 0 18px #fc39)drop-shadow(0 0 30px #a3f6)}to{filter:drop-shadow(0 0 30px #ffd24ce6)drop-shadow(0 0 50px #b54cff99)}}@media (prefers-reduced-motion:reduce){.pkg-op-card{animation:none}}.pkg-op-aura{aspect-ratio:1;pointer-events:none;opacity:0;width:110%;animation:.8s ease-out 1.2s both pkg-op-aura;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.pkg-card{z-index:1;aspect-ratio:auto;filter:none;max-height:65%}.pkg-card img{object-fit:contain;width:100%;max-height:65vh;display:block}.pkg-card:after{display:none}.pkg-op-aura:before{content:"";background:repeating-conic-gradient(from 0deg,#ffd24c59 0 4deg,transparent 4deg 14deg);border-radius:50%;animation:12s linear infinite pkg-op-spin;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#000 10%,#0000 62%);mask:radial-gradient(circle,#000 10%,#0000 62%)}.pkg-op-aura:after{content:"";border:3px solid #b54cffcc;border-color:#b54cffcc #b54cffcc #ffd24ccc #0000;border-radius:50%;animation:2.4s linear infinite pkg-op-spin;position:absolute;inset:18%;transform:rotateX(70deg);box-shadow:0 0 24px #aa33ffb3}@keyframes pkg-op-aura{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes pkg-op-spin{to{rotate:360deg}}.baseball-grail{z-index:40;background:var(--background);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden;container-type:size}.baseball-grail-stage{aspect-ratio:9/16;width:min(100cqw,56.25cqh);position:relative}.baseball-grail-stage video,.baseball-grail-stage canvas{object-fit:contain;background:var(--background);width:100%;height:100%;position:absolute;inset:0}.baseball-grail-stage canvas{pointer-events:none}.baseball-grail-controls{right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:2;gap:8px;display:flex;position:absolute}.onepiece-grail{z-index:40;background:var(--background);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden;container-type:size}.onepiece-grail-stage{aspect-ratio:9/16;width:min(100cqw,56.25cqh);position:relative}.onepiece-grail-stage video,.onepiece-grail-stage canvas{object-fit:contain;background:var(--background);width:100%;height:100%;position:absolute;inset:0}.onepiece-grail-stage canvas{pointer-events:none}.onepiece-grail-controls{right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:2;gap:8px;display:flex;position:absolute}.continuous-rip{--regular-card-width:min(54vw, 230px, 30dvh);--regular-card-bottom:max(29dvh, 205px);--regular-card-shadow:drop-shadow(0 14px 22px color-mix(in oklab, var(--background) 85%, transparent))}.continuous-rip:is(.beat-launch,.beat-spin,.beat-lock,.beat-flip) .continuous-mystery-wrap{aspect-ratio:181/256;top:auto;bottom:var(--regular-card-bottom);width:var(--regular-card-width)!important;transform:translate(-50%)!important}.continuous-rip.beat-launch .continuous-mystery-wrap{animation:.72s cubic-bezier(.2,.7,.25,1) both regular-card-rise}@keyframes regular-card-rise{0%{translate:0 160px;scale:.88}to{translate:0;scale:1}}.regular-opening.beat-lock,.regular-opening.beat-lock .continuous-rip-bloom{animation:none}.regular-opening .continuous-prize-card{top:auto;left:50%;bottom:var(--regular-card-bottom);width:var(--regular-card-width);aspect-ratio:181/256;max-width:none;height:auto;filter:var(--regular-card-shadow);margin:0;animation:none;position:absolute;transform:translate(-50%)}.regular-opening .continuous-prize-card img,.regular-flip-award img{object-fit:contain;width:100%;max-width:100%;height:100%}.regular-flip{transform-style:preserve-3d;animation:.52s cubic-bezier(.3,.65,.2,1) both regular-final-flip;position:absolute;inset:0}.regular-flip-face{backface-visibility:hidden;position:absolute;inset:0}.regular-flip-back{object-fit:contain;width:100%;height:100%;transform:translateZ(1px)}.regular-flip-award{place-items:center;display:grid;transform:rotateY(180deg)translateZ(1px)}@keyframes regular-final-flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.regular-opening .continuous-action-panel{align-self:end}.regular-opening .continuous-action-panel h3{white-space:normal;overflow-wrap:anywhere;max-height:3.5em}.regular-opening .continuous-result-logo{width:min(42vw,160px)}.continuous-rip .regular-spin-echo{transform-style:preserve-3d;pointer-events:none;filter:var(--regular-card-shadow);position:absolute;inset:0}.regular-spin-echo img{object-fit:contain;backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0}@media (height<=650px){.continuous-rip{--regular-card-width:min(44vw,180px,29dvh);--regular-card-bottom:190px}}@media (prefers-reduced-motion:reduce){.regular-spin-echo{display:none}.continuous-rip.beat-launch .continuous-mystery-wrap,.regular-flip{animation-duration:.01ms}}
