.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}}.xposed-grail{--xg-electric:var(--primary);--xg-ice:oklch(76% .17 230);--xg-hot:var(--grail);--xg-smoke:oklch(26% .015 250/.22);--xg-shadow:0 0 35px color-mix(in oklab, var(--primary) 55%, transparent);isolation:isolate;background:var(--background);color:var(--foreground);perspective:1200px;position:absolute;inset:0;overflow:hidden}.xg-atmosphere{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.xg-storm{object-fit:cover;opacity:.85;width:110%;height:110%;animation:7s ease-in-out infinite alternate xg-storm-drift;position:absolute;inset:-5%}.xg-smoke-depth{object-fit:cover;opacity:.25;mix-blend-mode:screen;pointer-events:none;width:124%;height:124%;animation:11s ease-in-out infinite alternate xg-smoke-roll;position:absolute;inset:-12%;transform:scaleX(-1)}.xg-pack{z-index:3;aspect-ratio:263/475;width:min(55vw,240px,29dvh);position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.xg-pack .foil-tear-canvas{pointer-events:none}.xg-tear-zone{z-index:5;touch-action:none;width:124%;height:21%;position:absolute;top:-4%;left:-12%}.xg-instruction{text-align:center;width:100%;font-size:14px;font-weight:800;position:absolute;top:18%}.xg-card{z-index:2;aspect-ratio:181/256;width:min(53vw,230px,31dvh);position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.xg-card>img{object-fit:contain;width:100%;height:100%}.xg-launch .xg-card{animation:.72s cubic-bezier(.2,.7,.25,1) both xg-rise}.xg-launch .xg-pack{animation:.72s ease-in both xg-pack-drop}.xposed-grail>.xg-impact{z-index:7;place-items:center;display:grid;position:absolute;inset:0}.xposed-grail>.xg-impact video{object-fit:contain;mix-blend-mode:screen;width:100%;height:100%;position:absolute}.xposed-grail>.xg-impact img{width:min(70vw,340px,48dvh);animation:3.2s ease-out both xg-impact-logo;position:absolute}.xposed-grail>.xg-impact.has-video img{animation-name:xg-impact-logo}.xposed-grail>.xg-impact video{animation:1.8s linear both xg-impact-film}.xg-prize{z-index:4;width:min(64vw,290px,37dvh);height:43dvh;filter:drop-shadow(var(--xg-shadow));place-items:center;display:grid;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.xg-prize img{object-fit:contain;width:100%;height:100%}.xg-reveal .xg-prize{animation:1.8s cubic-bezier(.16,.8,.2,1) both xg-prize-arrival}.xg-inspect .xg-prize,.xg-action .xg-prize{animation:3s ease-in-out infinite xg-prize-float}.xg-brand{z-index:3;top:max(34px,env(safe-area-inset-top));width:min(40vw,160px,23dvh);position:absolute;left:50%;transform:translate(-50%)}.xg-panel{z-index:6;bottom:max(5dvh,env(safe-area-inset-bottom));text-align:center;width:min(88vw,390px);position:absolute;left:50%;transform:translate(-50%)}.xg-panel h3{overflow-wrap:anywhere;max-height:3.9em;margin:8px 0 14px;font-size:14px;line-height:1.3;overflow:auto}.xg-value{font-size:30px;font-weight:900}.xg-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.xg-actions button{height:48px;box-shadow:var(--xg-shadow);border-radius:6px;font-weight:800}.xg-actions .xg-vault{background:var(--secondary);color:var(--foreground);border:1px solid var(--border);box-shadow:none}.xg-confirmation{place-items:center;min-height:48px;font-weight:800;display:grid}.xg-error{color:var(--destructive);margin-top:8px;font-size:12px}.xg-complete{z-index:9;place-items:center;display:grid;position:absolute;inset:0}.xg-complete img{width:min(72vw,350px);animation:1s ease-out both xg-logo-hit}@keyframes xg-rise{0%{translate:0 150px;scale:.8}to{translate:0;scale:1}}@keyframes xg-storm-drift{to{opacity:1;transform:scale(1.08)translate(-1%,-2%)}}@keyframes xg-smoke-roll{to{opacity:.45;transform:scaleX(-1)scale(1.1)translate(2%,3%)}}.xg-spin .xg-storm{animation-duration:2.8s}.xg-impact .xg-storm,.xg-reveal .xg-storm{animation-duration:1.4s}@media (width>=900px) and (height>=600px){.xg-pack{width:min(200px,26dvh)}.xg-card{width:min(190px,26dvh)}.xg-prize{width:min(220px,28dvh);height:min(320px,38dvh)}.xposed-grail>.xg-impact img{width:min(46vw,58dvh)}.xg-brand{width:min(22vw,26dvh)}.xg-panel{width:min(40vw,520px)}.xg-panel h3{font-size:18px}.xg-value{font-size:44px}.xg-actions button{height:56px;font-size:16px}.xg-instruction{font-size:18px}.xg-complete img{width:min(48vw,60dvh)}}@media (height<=650px){.xg-brand{width:min(30vw,20dvh)}.xg-prize{width:min(55vw,28dvh);height:38dvh;top:40%}.xg-panel{bottom:max(16px,env(safe-area-inset-bottom))}.xg-panel h3{margin:4px 0 8px;font-size:12px}.xg-value{font-size:24px}.xg-actions button{height:42px}}@media (orientation:landscape) and (height<=600px){.xg-prize{width:42dvh;height:65dvh;top:56%;left:35%}.xg-brand{width:25dvh;left:35%}.xg-panel{width:40vw;max-width:350px;bottom:24%;left:74%}.xg-instruction{top:10%}.xg-pack{width:auto;height:70dvh;top:54%}}@keyframes xg-pack-drop{to{opacity:0;translate:0 35dvh}}@keyframes xg-logo-hit{0%{opacity:0;scale:.3}25%{opacity:1;scale:1.1}80%{opacity:1;scale:1}to{opacity:0;scale:1.25}}@keyframes xg-impact-logo{0%{opacity:0;scale:.3}15%{opacity:1;scale:1.12}40%,85%{opacity:1;scale:1}to{opacity:0;scale:1.06}}@keyframes xg-impact-logo-video{0%,35%{opacity:0;scale:.95}50%,85%{opacity:1;scale:1}to{opacity:0;scale:1.06}}@keyframes xg-impact-film{0%,75%{opacity:1}to{opacity:0}}@keyframes xg-prize-arrival{0%{opacity:0;transform:translate(-50%,-50%)rotateY(-55deg)scale(.35)}35%{opacity:1}to{transform:translate(-50%,-50%)rotateY(0)scale(1)}}@keyframes xg-prize-float{50%{translate:0 -5px}}@media (prefers-reduced-motion:reduce){.xposed-grail *{animation:none!important}.xposed-grail>.xg-impact video{display:none}.xposed-grail>.xg-impact.has-video img{display:block}}