.rip-stage{background:radial-gradient(ellipse at 50% 30%,#fff 0 20%,color-mix(in oklab,var(--accent) 9%,var(--background)) 55%,var(--background) 78%);place-items:center;min-height:calc(100vh - 104px);display:grid;position:relative;overflow:hidden}.rip-stage.shake{animation:.25s linear rip-shake}.rip-stage.shake.big{animation:.45s linear rip-shake}@keyframes rip-shake{0%,to{transform:none}20%{transform:translate(3px,-2px)rotate(.4deg)}40%{transform:translate(-3px,2px)rotate(-.4deg)}60%{transform:translate(2px,3px)rotate(.3deg)}80%{transform:translate(-2px,-3px)rotate(-.3deg)}}.rip-canvas{pointer-events:none;z-index:30;width:100%;height:100%;position:absolute;inset:0}.rip-pack{aspect-ratio:700/1225;z-index:10;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;width:min(300px,62vw);transition:transform .7s cubic-bezier(.4,0,.6,1),opacity .6s;position:relative}.rip-float{animation:3.2s ease-in-out infinite rip-float;position:absolute;inset:0}.rip-stage:not([data-phase=idle]) .rip-float{animation:none}@keyframes rip-float{0%,to{transform:translateY(0)rotate(-.6deg)}50%{transform:translateY(-10px)rotate(.6deg)}}.rip-body,.rip-strip,.rip-strip img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.rip-body{z-index:3}.rip-strip{z-index:4;transform-origin:100% 14%;transition:none}.rip-curl{opacity:0;background:linear-gradient(170deg,#ffffffb3 0%,#0000 35%,#00000040 70%);transition:opacity .7s,transform .7s;position:absolute;inset:0}.rip-seam{z-index:5;transform-origin:0;opacity:0;background:linear-gradient(90deg,#fff,#f5e3a6 60%,#fff);height:3px;position:absolute;top:13.2%;left:4%;right:4%;transform:scaleX(0);box-shadow:0 0 0 1px #fff6}.rip-seam:after{content:"";background:radial-gradient(circle,#fffffff2,#f5e3a680 40%,#0000 70%);border-radius:50%;width:36px;height:36px;position:absolute;top:-18px;right:-18px}.rip-stage[data-phase=rip] .rip-strip,.rip-stage[data-phase=out] .rip-strip,.rip-stage[data-phase=center] .rip-strip,.rip-stage[data-phase=flip] .rip-strip,.rip-stage[data-phase=done] .rip-strip{animation:1.6s forwards rip-peel}.rip-stage[data-phase=rip] .rip-curl{opacity:1;transform:translate(30%)}.rip-stage:not([data-phase=idle]) .rip-seam{transition:opacity .2s;opacity:0!important}@keyframes rip-peel{0%{animation-timing-function:cubic-bezier(.2,.7,.2,1);transform:none}44%{opacity:1;animation-timing-function:ease-in;transform:translate3d(40%,-120%,80px)rotateX(55deg)rotate(-28deg)rotateY(20deg)}to{opacity:0;transform:translate3d(40%,140vh,80px)rotateX(55deg)rotate(140deg)rotateY(20deg)}}.rip-flash{z-index:2;background:radial-gradient(ellipse at 50% 55%,#fff 0,color-mix(in oklab,var(--accent) 45%,#fff) 30%,transparent 68%);pointer-events:none;border-radius:50%;height:50%;animation:.9s ease-out forwards rip-flash;position:absolute;top:-12%;left:-10%;right:-10%}@keyframes rip-flash{0%{opacity:0;transform:scale(.6)}25%{opacity:1}to{opacity:0;transform:scale(1.4)}}.rip-sparkles{z-index:6;pointer-events:none;height:0;position:absolute;top:10%;left:0;right:0}.rip-sparkles i{left:calc(6% + var(--i) * 6.5%);top:calc(sin(var(--i) * 97.4028deg) * 40px);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:14px;height:14px;animation:.8s ease-out forwards rip-spark;animation-delay:calc(var(--i) * 30ms);background:#fff;position:absolute;transform:scale(0)}.rip-sparkles.two{top:20%;left:-20%;right:-20%}.rip-sparkles.two i{background:#f5e3a6;width:18px;height:18px}@keyframes rip-spark{0%{transform:scale(0)rotate(0)}50%{transform:scale(1)rotate(45deg)}to{transform:scale(0)rotate(90deg)}}.rip-card-slot{z-index:1;clip-path:inset(-200% -40% 12%);position:absolute;inset:0}.rip-card-mini{width:78%;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;top:14%;left:50%;transform:translate(-50%,40%)}.rip-card-mini .slab{width:100%}.rip-stage[data-phase=out] .rip-card-mini{transform:translate(-50%,-60%)}.rip-stage[data-phase=out] .rip-pack{transform:translateY(0)}.rip-stage[data-phase=center] .rip-pack,.rip-stage[data-phase=flip] .rip-pack,.rip-stage[data-phase=done] .rip-pack{opacity:0;pointer-events:none;transform:translateY(30%)}.rip-stage[data-phase=center] .rip-card-mini,.rip-stage[data-phase=flip] .rip-card-mini,.rip-stage[data-phase=done] .rip-card-mini{opacity:0}.rip-reveal{z-index:12;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.rip-slab{pointer-events:auto;animation:.7s cubic-bezier(.2,.7,.2,1) both rip-center}.rip-slab .slab{width:min(420px,84vw)}@keyframes rip-center{0%{opacity:.9;transform:translateY(-14%)scale(.62)}to{opacity:1;transform:none}}.rip-stage[data-phase=done] .rip-slab{transition:transform .5s;transform:translateY(-6%)}.rip-ring{background:radial-gradient(circle,color-mix(in oklab,var(--accent) 45%,transparent) 0,transparent 62%);z-index:8;border-radius:50%;width:760px;height:760px;margin:-380px 0 0 -380px;animation:2.2s ease-in-out infinite rip-pulse;position:absolute;top:50%;left:50%}@keyframes rip-pulse{0%,to{opacity:.55}50%{opacity:1}}.rip-holo{z-index:13;pointer-events:none;background:linear-gradient(105deg,transparent 40%,#ffffff8c 48%,color-mix(in oklab,var(--accent) 35%,transparent) 52%,transparent 60%);animation:1.2s ease-out forwards rip-sweep;position:absolute;inset:0}@keyframes rip-sweep{0%{opacity:1;transform:translate(-100%)}to{opacity:0;transform:translate(100%)}}.rip-prompt{text-align:center;font:600 11px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-foreground);animation:1.8s ease-in-out infinite rip-blink;position:absolute;bottom:40px;left:0;right:0}@keyframes rip-blink{50%{opacity:.45}}.rip-result{z-index:20;justify-items:center;gap:10px;animation:.4s ease-out fade-in;display:grid;position:absolute;bottom:28px;left:0;right:0}.rip-value{font-family:var(--font-mono);align-items:baseline;gap:14px;display:flex}.rip-value strong{color:#0000;background:linear-gradient(100deg,#9b7427,#e7c872,#9b7427);-webkit-background-clip:text;background-clip:text;font-size:30px}.rip-value small,.rip-note{font:600 10px var(--font-mono);color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase}.rip-chip{font:700 10px var(--font-mono);text-transform:uppercase;letter-spacing:.1em;background:#fff;border:1px solid #e4ded2;border-radius:999px;padding:4px 10px}.rip-chip.common{color:#fff;background:#1f9d55;border-color:#1f9d55}.rip-chip.rare{color:#fff;background:#2563eb;border-color:#2563eb}.rip-chip.epic{color:#fff;background:#7c3aed;border-color:#7c3aed}.rip-chip.legendary{color:#111114;background:linear-gradient(100deg,#9b7427,#e7c872);border-color:#c9a24a}.rip-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.rip-stage.reduced *{transition-duration:.15s!important;animation-duration:.01ms!important}@media (width<=640px){.rip-slab .slab{width:min(320px,80vw)}.rip-result{bottom:14px}}.rip-links{opacity:.9;margin-top:2px}.sell-reveal{min-width:220px;font-weight:700}.rip-pack{transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .6s}.rip-stage[data-phase=rip] .rip-pack,.rip-stage[data-phase=out] .rip-pack{transform:translateY(var(--cam-y,24%)) scale(var(--cam-s,.88))}.rip-stage[data-phase=center] .rip-pack,.rip-stage[data-phase=flip] .rip-pack,.rip-stage[data-phase=done] .rip-pack{opacity:0;pointer-events:none;transition:transform .6s cubic-bezier(.4,0,.6,1),opacity .4s;transform:translateY(40%)scale(.8)}.rip-reveal{place-items:start center;padding-top:clamp(16px,3vh,32px)}.rip-stage .rip-slab .slab{width:min(420px,84vw,61.7284vh - 222.222px)}@media (width<=640px){.rip-stage{--cam-y:28%;--cam-s:.84}.rip-stage .rip-slab .slab{width:min(320px,78vw,61.7284svh - 203.704px)}}@media (width<=1000px){.rip-stage.inline .rip-slab .slab{width:min(203.704px,78vw)}}.rip-stage .rip-reveal{align-content:safe center;place-items:safe center;padding:clamp(16px,3vh,28px) 12px}.rip-stage[data-phase=done] .rip-slab{transform:none}.rip-stage.inline{height:100%;min-height:100%}.rip-value strong{font-family:var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:800}.rip-stage.inline .rip-slab .slab{width:min(283.951px,80vw)}@media (width<=1000px){.rip-stage.inline .rip-slab .slab{width:min(228.395px,76vw)}}.rip-stage .rip-reveal{flex-direction:column;justify-content:safe center;align-items:center;gap:14px;display:flex}.rip-reveal .rip-result{pointer-events:auto;position:static;bottom:auto}.rip-guide{z-index:6;pointer-events:none;height:0;transition:opacity .22s ease-out;animation:.4s ease-out both rip-guide-in;position:absolute;top:14%;left:10%;right:10.5%}.rip-guide.off{opacity:0}.rip-guide-line{opacity:.36;filter:drop-shadow(0 0 .5px #000000e6);border-top:1.5px dashed #fff;position:absolute;top:0;left:clamp(19px,9%,23px);right:0;transform:translateY(-50%)}.rip-guide-cut{color:#fff;opacity:.8;filter:drop-shadow(0 0 1px #0000008c);width:clamp(14px,7%,18px);height:auto;animation:1.6s ease-in-out infinite rip-guide-nudge;position:absolute;top:0;left:0;transform:translateY(-50%)}@keyframes rip-guide-nudge{0%,to{transform:translateY(-50%)}50%{transform:translate(5px,-50%)}}@keyframes rip-guide-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.rip-guide-cut{animation:none}}.rip-stage.reduced .rip-guide-cut{animation:none}