.rip{position:relative}.rip__head{text-align:center;max-width:640px;margin:0 auto 1.8rem}.rip__head h2{margin:.6rem 0 .5rem}.rip__head p{color:var(--muted);margin:0}.rip__actions{flex-wrap:wrap;justify-content:center;gap:.8rem;min-height:3.2rem;margin-top:1.2rem;display:flex}[data-finish]{--f1:#fbe7a8;--f2:#d9a650;--f3:#8a5a1c;--fg:linear-gradient(160deg, var(--f1), var(--f2) 40%, var(--f3) 60%, var(--f1) 85%)}[data-finish=silver]{--f1:#f4f6fa;--f2:#b4bccb;--f3:#5d6470}[data-finish=holo]{--f1:#ffe08a;--f2:#b98cff;--f3:#5ad1ff;--fg:linear-gradient(115deg, #ff9ad5, #ffe08a, #9dffb0, #8ad8ff, #c79bff, #ff9ad5)}[data-finish=crimson]{--f1:#ffb3bd;--f2:#e0334f;--f3:#5a0a18}[data-finish=pearl]{--f1:#fff6fb;--f2:#e9d3f2;--f3:#a98fbf}[data-finish=glow]{--f1:#d0ffb8;--f2:#4cff7a;--f3:#0b4a22}[data-finish=uv]{--f1:#ffc2cf;--f2:#ff2f5a;--f3:#2a0f5c}[data-finish=clear]{--f1:#f0fdff;--f2:#9fe3f5;--f3:#3f7488}[data-finish=glitter]{--f1:#ffd6f5;--f2:#b18cff;--f3:#4bd0ff;--fg:linear-gradient(120deg, #ffd6f5, #b18cff, #4bd0ff, #ffd6f5)}[data-finish=lenticular]{--f1:#8af3ff;--f2:#ff8ae0;--f3:#6a4dff;--fg:linear-gradient(120deg, #8af3ff, #ff8ae0, #6a4dff, #8af3ff)}.rip__main{min-height:calc(100svh - var(--header-h) - 8rem);grid-template-columns:1fr 1fr;align-items:center;gap:clamp(1.5rem,5vw,4rem);display:grid;position:relative}.rip__main.is-packs{grid-template-columns:auto 1fr;gap:clamp(1.2rem,3vw,2.5rem);min-height:0}.rip__picker{min-width:0}.rip__main.is-away{visibility:hidden;pointer-events:none;position:absolute;top:0;left:0;right:0}.rip__main.is-away .rip__slot{animation-play-state:paused}.rip__main.is-packs .rip__head{animation:.6s cubic-bezier(.2,.7,.3,1) .3s backwards r-headin}@keyframes r-headin{0%{opacity:0;translate:0 12px}}.rip__glow{pointer-events:none;background:radial-gradient(circle,#f6dc9a40,#e2b86e14 40%,#0000 65%);border-radius:50%;width:70vmin;height:70vmin;position:absolute;top:50%;left:25%;translate:-50% -50%}.rip__slot{aspect-ratio:900/1321;justify-self:end;width:min(400px,36vw);transition:scale .35s cubic-bezier(.2,.7,.3,1);animation:6s ease-in-out infinite r-float;position:relative}.rip__main.is-sealed .rip__slot{cursor:pointer}.rip__main.is-sealed .rip__slot:hover{scale:1.03}.rip__main.is-packs .rip__slot{justify-self:center;width:min(250px,19vw)}@media (width>=761px){.rip__main.is-packs{grid-template-columns:auto minmax(0,1000px);justify-content:center;align-items:end;row-gap:0}.rip__main.is-packs .rip__picker{display:contents}.rip__main.is-packs .rip__head,.rip__main.is-packs :is(.rip__thumbs,.rip__actions){grid-column:1/-1}.rip__main.is-packs .rip__slot{grid-row:2;width:min(290px,21vw)}.rip__main.is-packs .rip__grid{grid-row:2;width:100%}}.rip__box{filter:drop-shadow(0 40px 60px #000c);opacity:0;width:100%;height:auto;transition:filter .35s,opacity .25s;display:block}.rip__box3d{pointer-events:none;opacity:0;filter:drop-shadow(0 34px 44px #000b);transition:opacity .25s,filter .35s;position:absolute}.rip__slot.is-3d .rip__box3d{opacity:1}.rip__main.is-sealed .rip__slot.is-3d .rip__box3d{animation:1.3s cubic-bezier(.2,.7,.2,1) backwards r-arrive}.rip__main.is-sealed .rip__slot:hover .rip__box3d{filter:drop-shadow(0 40px 54px #000d)drop-shadow(0 0 30px #e2b86e40)brightness(1.06)}@keyframes r-arrive{0%{opacity:0;transform:translate(-60vw)}30%{opacity:1}}.rip__intro h1{font-family:"Cinzel Decorative", var(--font-display);font-size:var(--step-4);margin:.7rem 0 .8rem}.rip__intro .lead{max-width:34ch;margin:0 0 1.6rem}.rip__cta{padding:1.1rem 2rem;font-size:.85rem}.rip__count{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:1rem;font-size:.75rem;display:block}.rip__binder{letter-spacing:.18em;text-transform:uppercase;color:var(--gold-light);border-bottom:1px solid #e2b86e55;margin-top:.6rem;padding-bottom:2px;font-size:.75rem;text-decoration:none;transition:border-color .25s;display:inline-block}.rip__binder:hover{border-color:var(--gold)}.rip.is-locked .rip__main.is-sealed .rip__slot{cursor:default}.rip.is-locked .rip__main.is-sealed .rip__slot:hover .rip__box3d{filter:drop-shadow(0 34px 44px #000b)}.rip__next{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 1.4rem;font-size:.8rem}.rip__next b{font:700 1.05rem var(--font-display);letter-spacing:.08em;color:var(--gold-light);font-variant-numeric:tabular-nums;margin-left:.3rem}.rip__summary .rip__next{text-align:center;margin:.6rem 0 0}.rip.is-bursting .rip__glow{animation:1.2s ease-in forwards r-flash}.rip.is-bursting .rip__intro{opacity:0;transition:opacity .4s}@keyframes r-float{50%{translate:0 -12px}}@keyframes r-flash{to{background:radial-gradient(circle,#fff3cf66,#e2b86e22 40%,#0000 70%);scale:1.4}}.rip__grid{grid-template-columns:1fr auto;align-items:center;gap:clamp(1.5rem,4vw,3rem);max-width:1100px;margin:0 auto;display:grid}.rip__boosters{grid-template-columns:repeat(6,1fr);gap:clamp(.6rem,1.4vw,1.1rem);display:grid}.rip__pack{cursor:pointer;animation:.7s cubic-bezier(.2,.8,.2,1.15) backwards r-drop;animation-delay:calc(var(--n) * 55ms);background:0 0;border:0;padding:0;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .4s,filter .4s;position:relative}.rip__pack img{filter:drop-shadow(0 14px 22px #000a);border-radius:4px;width:100%;height:auto;transition:filter .35s;display:block}.rip__pack:not(:disabled):hover,.rip__pack:not(:disabled):focus-visible{transform:translateY(-12px)rotate(-1.5deg)}.rip__pack:not(:disabled):hover img{filter:drop-shadow(0 20px 26px #000c)drop-shadow(0 0 18px #e2b86e66)}.rip__pack.is-open{opacity:.75;filter:saturate(.7)brightness(.8);cursor:default}.rip__pack--hit{width:clamp(150px,17vw,230px)}.rip__pack--hit:not(.is-open) img{animation:2.6s ease-in-out infinite r-hitglow}.rip__pack--hit span{font:600 .7rem/1 var(--font-display);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-light);margin-top:.9rem;display:block}@keyframes r-drop{0%{opacity:0;transform:translateY(-60px)rotate(-8deg)scale(.9)}}.rip__grid.is-flying{pointer-events:none}.rip__grid.is-from-box .rip__pack{animation:r-from-box var(--fly) cubic-bezier(.3,.75,.25,1) backwards;animation-delay:var(--d)}@keyframes r-from-box{0%{opacity:0;transform:translate(var(--fx), var(--fy)) scale(var(--fs)) rotate(-8deg)}12%{opacity:1}}@keyframes r-hitglow{50%{filter:drop-shadow(0 14px 22px #000a)drop-shadow(0 0 26px #ff9ad588)drop-shadow(0 0 14px #8ad8ff88)}}.rip__tally{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:2rem 0 0;display:flex}.rip__tally span{font:600 .7rem/1 var(--font-display);letter-spacing:.12em;color:var(--gold-light);background:#120a1ecc;border:1px solid #e2b86e44;border-radius:99px;padding:.35rem .75rem}.rip__tally--big span{padding:.5rem .9rem;font-size:.8rem}.rip__thumbs{flex-wrap:wrap;justify-content:center;gap:.4rem;max-width:1000px;margin:2rem auto 0;display:flex}.rip__thumbs .rip__mini{border-radius:4px;flex:none;width:40px}.rip__stage{--mid-y:calc(var(--pw,260px) * 1.29);height:calc(var(--pw,260px) * 2.15);-webkit-user-select:none;user-select:none;max-width:1000px;margin:0 auto;position:relative}.rip__open.is-row .rip__stage{height:calc(var(--cw) * 1.397 * var(--rs) + 6rem);transition:height .5s cubic-bezier(.4,0,.2,1) 1s}.rpack{z-index:2;left:50%;top:var(--mid-y);width:var(--pw);height:calc(var(--pw) * 1.598);touch-action:none;transition:rotate .3s,transform .7s cubic-bezier(.5,0,.75,0),opacity .6s;position:absolute;translate:-50% -50%}.rip__open.is-sealed .rip__stage{cursor:grab;touch-action:pan-y}.rip__open.is-sealed .rip__stage:active{cursor:grabbing}.rip__open.is-sealed .rpack{rotate:calc(var(--dir) * var(--tear) * 2.5deg);transition:transform .7s cubic-bezier(.5,0,.75,0),opacity .6s}.rpack__body,.rpack__strip{background:var(--art) 0 0 / 100% 100%;position:absolute;inset:0}.rpack__body{filter:drop-shadow(0 24px 30px #000b);clip-path:inset(9% 0 0)}.rpack__strip{clip-path:inset(0 0 91%)}[data-dir="1"] .rpack__strip{clip-path:inset(0 0 91% calc(var(--tear) * 100%))}[data-dir="-1"] .rpack__strip{clip-path:inset(0 calc(var(--tear) * 100%) 91% 0)}.rpack{perspective:calc(var(--pw) * 3);--tw:calc(var(--tear,0) * var(--pw));--sw:calc(var(--tw) / 10);--sh:calc(var(--pw) * 1.598 * .09)}.rflap{top:0;left:calc(var(--tear) * 100%);width:0;height:var(--sh);transform-style:preserve-3d;transform-origin:0;transform:translate(0, 0) rotate(calc(var(--dir) * var(--lift,0deg))) translateZ(1px);pointer-events:none;position:absolute}[data-dir="-1"] .rflap{left:calc((1 - var(--tear)) * 100%)}.rflap__seg{width:var(--sw);height:var(--sh);transform-style:preserve-3d;transform-origin:100%;transform:rotateY(var(--bend,0deg));position:absolute;top:0;right:0}.rflap__seg .rflap__seg{right:100%}[data-dir="-1"] .rflap__seg{transform-origin:0;transform:rotateY(calc(var(--bend,0deg) * -1));left:0;right:auto}[data-dir="-1"] .rflap__seg .rflap__seg{left:100%}.rflap__front,.rflap__back{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;inset:0}.rflap__front{background:var(--art) no-repeat;background-size:var(--pw) calc(var(--pw) * 1.598);background-position:calc(-1 * (var(--tw) - (var(--k) + 1) * var(--sw))) 0}.rflap__front:after{content:"";opacity:calc(var(--k) * .035);background:#000;position:absolute;inset:0}[data-dir="-1"] .rflap__front{background-position:calc(-1 * (var(--pw) - var(--tw) + var(--k) * var(--sw))) 0}.rflap__back{background:linear-gradient(#f4f6f9,#c9ced6 45%,#9aa1ab 80%,#d5d9df);transform:rotateY(180deg)}.rflap__back:after{content:"";opacity:calc(.22 - var(--k) * .035);background:#000;position:absolute;inset:0}.rpack__line{pointer-events:none;height:2px;position:absolute;top:9%;left:0;right:0;translate:0 -1px}.rpack__line:before{content:"";opacity:.7;background:repeating-linear-gradient(90deg,#fff8 0 6px,#0000 6px 12px);position:absolute;inset:0}.rpack__line:after{content:"";width:calc(var(--tear) * 100%);background:var(--gold-light);box-shadow:0 0 10px var(--gold), 0 0 22px var(--gold);position:absolute;top:0;bottom:0;left:0}[data-dir="-1"] .rpack__line:after{left:auto;right:0}.rpack__spark{top:9%;left:calc(var(--tear) * 100%);aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#fff 0 12%,#fbe7a8 22%,#e2b86e66 45%,#0000 70%);border-radius:50%;width:26px;animation:.18s linear infinite alternate r-spark;position:absolute;translate:-50% -50%}[data-dir="-1"] .rpack__spark{left:calc((1 - var(--tear)) * 100%)}@keyframes r-spark{to{opacity:.75;scale:1.35}}.rpack__hint{white-space:nowrap;font:600 .62rem/1 var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:#1a1020;background:var(--gold-light);pointer-events:none;border-radius:99px;padding:.45rem .85rem;animation:1.8s ease-in-out infinite r-nudge;position:absolute;top:calc(9% - 2.6rem);left:50%;translate:-50%;box-shadow:0 6px 20px -6px #000}@keyframes r-nudge{50%{opacity:.55}}.rip__open:not(.is-sealed) .rpack{cursor:default}.rip__open:not(.is-sealed) .rpack__strip{opacity:0}.rip__open:not(.is-sealed) .rflap{transform:translate(calc(var(--dir,1) * var(--pw) * .45), calc(var(--pw) * -.45)) rotate(calc(var(--dir,1) * 40deg)) translateZ(1px);opacity:0;transition:transform .65s cubic-bezier(.25,.6,.3,1),opacity .45s .15s}.rip__open.is-sealed .rslot{visibility:hidden}.rip__open:not(.is-sealed) .rpack__line{opacity:0;transition:opacity .3s}.rip__open.is-row .rpack{opacity:0;pointer-events:none;transition:transform .6s cubic-bezier(.5,0,.75,0),opacity .4s ease-in;transform:translateY(35%)}.rslot{z-index:1;left:50%;top:var(--mid-y);width:var(--cw);height:calc(var(--cw) * 1.397);--x:calc(var(--i) * 3px);--y:calc(var(--cw) * .1 - var(--i) * 3px);--turn:0deg;--size:1;transform:translate(-50%, -50%) translate(var(--x), var(--y)) rotate(var(--turn)) scale(var(--size));transition:transform .75s cubic-bezier(.3,.7,.25,1);position:absolute}.rip__open.is-out .rslot{--x:calc((var(--i) - var(--mid)) * 8px);--y:calc(var(--cw) * -.72);--turn:calc((var(--i) - var(--mid)) * 4deg)}.rip__open.is-row .rslot{--x:calc((var(--i) - var(--mid)) * var(--step));--y:calc(var(--cw) * .6985 * var(--rs) + .5rem - var(--mid-y));--turn:0deg;--size:var(--rs);transition:transform .85s cubic-bezier(.35,.55,.2,1) calc(var(--i) * 60ms)}.rcard{perspective:1400px;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;transition:translate .3s;display:block}.rcard:disabled{cursor:default}.rslot.is-up .rcard:not(:disabled){cursor:zoom-in}.rip__open.is-row .rcard:not(:disabled):hover{translate:0 -8px}.rcard__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.rslot.is-up .rcard__inner{transform:rotateY(180deg)}.rcard__back,.rcard__front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:4.6%/3.3%;transition:box-shadow .4s;position:absolute;inset:0;overflow:hidden;box-shadow:0 18px 34px -14px #000}.rcard__back img{object-fit:cover;width:100%;height:100%;display:block}.rcard__front{transform:rotateY(180deg)}.rslot.is-up .rcard__front{box-shadow:0 18px 34px -14px #000, 0 0 calc(var(--rank) * 14px) var(--f2)}.rslot.is-charging .rcard{animation:.11s linear infinite r-tremble}.rslot.is-charging .rcard__back{box-shadow:0 0 0 2px var(--f1), 0 0 calc(18px + var(--rank) * 14px) var(--f2)}@keyframes r-tremble{25%{translate:-2px 1px}50%{translate:2px -1px}75%{translate:-1px -2px}}.rslot__rays{z-index:-1;background:repeating-conic-gradient(from 0deg, var(--f1) 0deg 5deg, transparent 5deg 16deg);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-55%;-webkit-mask:radial-gradient(circle,#000 18%,#0000 68%);mask:radial-gradient(circle,#000 18%,#0000 68%)}.rslot.is-burst .rslot__rays{animation:1.6s ease-out r-rays}@keyframes r-rays{0%{opacity:0;rotate:0deg;scale:.6}25%{opacity:.85}to{opacity:0;rotate:40deg;scale:1.15}}.rslot__tag{z-index:2;left:50%;bottom:calc(100% + .7rem / var(--rs,1));translate:-50%;scale:calc(1 / var(--rs,1));transform-origin:50% 100%;white-space:nowrap;font:700 .8rem/1 var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:#fff;text-shadow:0 0 10px var(--f2);border:1px solid var(--f1);box-shadow:0 0 22px var(--f2), inset 0 0 12px color-mix(in srgb, var(--f2) 45%, transparent), 0 8px 20px -8px #000;pointer-events:none;background:#150b1cf0;border-radius:99px;padding:.5rem 1rem;animation:1.8s cubic-bezier(.2,.9,.3,1.3) forwards r-tag;position:absolute}.rip__open.is-party .rslot__tag{display:none}@keyframes r-tag{0%{opacity:0;transform:translateY(14px)scale(.4)}14%{opacity:1;transform:translateY(0)scale(1.08)}22%{transform:scale(1)}80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}.rip__fx{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.rip>section,.rip>details{z-index:1;position:relative}.rip:after{content:"";z-index:0;pointer-events:none;opacity:0;background:radial-gradient(60% 55% at 50% 55%,#0a061155,#050209ee);transition:opacity .6s;position:fixed;inset:0}.rip.is-hype:after{opacity:1;transition-duration:1.2s}.rip__party{z-index:45;pointer-events:none;padding-top:calc(var(--header-h) + 2vh);align-content:start;justify-items:center;display:grid;position:fixed;inset:0}.rip__flash{background:radial-gradient(circle at 50% 55%, #fff, var(--f1) 35%, transparent 75%);opacity:0;animation:.9s ease-out r-bigflash;position:absolute;inset:0}@keyframes r-bigflash{0%{opacity:.95}to{opacity:0}}.rip__banner{text-align:center;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(100deg, var(--gold-light), #fff 30%, var(--f1) 45%, var(--gold) 60%, var(--gold-light) 80%) 0 0 / 220% 100%;color:#0000;filter:drop-shadow(0 0 18px var(--f2)) drop-shadow(0 4px 0 #0008);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,9vw,6rem);line-height:1;animation:3.6s cubic-bezier(.2,.9,.3,1.2) forwards r-banner,1.6s linear infinite r-shine;position:relative}.rip__party[data-level="5"] .rip__banner{font-size:clamp(2.2rem,10vw,7.5rem);animation-duration:5.2s,1.6s}.rip__open.is-party .rip__head{opacity:0;transition:opacity .2s}.rip__open .rip__head{transition:opacity .6s}@keyframes r-banner{0%{opacity:0;scale:2.6}12%{opacity:1;scale:.94}18%{scale:1}85%{opacity:1;scale:1.04}to{opacity:0;scale:1.1}}@keyframes r-shine{to{background-position:-220% 0}}.rip__open.is-party .rip__stage{animation:.6s cubic-bezier(.36,.07,.19,.97) r-shake}@keyframes r-shake{10%,90%{translate:-2px 1px}20%,80%{translate:5px -2px}30%,50%,70%{translate:-8px 3px}40%,60%{translate:8px -3px}}.rslot__label{left:50%;top:calc(100% + .8rem / var(--rs,1));translate:-50%;scale:calc(1 / var(--rs,1));transform-origin:50% 0;width:max-content;max-width:calc(var(--step,200px) - .5rem);text-align:center;flex-direction:column;gap:.25rem;display:flex;position:absolute}.rslot__label b{font:600 .82rem/1.25 var(--font-display);letter-spacing:.06em;color:var(--f1);animation:.5s .35s backwards r-up}.rslot__label span{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.7rem;animation:.5s .5s backwards r-up}.rslot__name{color:var(--text,#fff);font-size:.84rem;text-decoration:none;animation:.5s .42s backwards r-up}@keyframes r-up{0%{opacity:0;translate:0 8px}}.rslot__label .rslot__peel{color:var(--gold-light,#fbe7a8);animation:.5s .6s backwards r-up,2.4s ease-in-out 1.2s infinite r-nudge}.rsticker{--peel:14%;cursor:grab;touch-action:none;transition:--peel .35s cubic-bezier(.3,.7,.4,1);position:absolute;inset:0}.rsticker.is-drag{cursor:grabbing;transition:none}.rsticker.is-off{--peel:200%;pointer-events:none;transition:--peel .55s cubic-bezier(.5,0,.8,.6)}.rface{position:absolute;inset:0;overflow:hidden;container-type:inline-size}.rface img{object-fit:cover;width:100%;height:100%;display:block}@property --px{syntax:"<percentage>";inherits:true;initial-value:50%}@property --py{syntax:"<percentage>";inherits:true;initial-value:50%}@property --bgx{syntax:"<percentage>";inherits:true;initial-value:50%}@property --bgy{syntax:"<percentage>";inherits:true;initial-value:50%}@property --hyp{syntax:"<number>";inherits:true;initial-value:0}.rface--foil{isolation:isolate;--o:.5;background:#0b0812;animation:7s ease-in-out infinite r-light}.rslot:hover .rface--foil{--px:inherit;--py:inherit;--bgx:inherit;--bgy:inherit;--o:inherit;--hyp:inherit;animation:none}@keyframes r-light{0%,to{--px:22%;--py:28%;--bgx:44%;--bgy:46%;--hyp:.55}50%{--px:78%;--py:70%;--bgx:56%;--bgy:54%;--hyp:.6}}.rslot.is-up .rcard{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:translate .3s,transform .25s ease-out}.rslot.is-up{perspective:1100px}.rface--foil[data-metal=silver] .fc__gold{background:linear-gradient(115deg,#0000 30%,#fff0 38%,#fffe 47%,#e8eef899 51%,#0000 60%) 0 0/300% 300%,linear-gradient(160deg,#4e5560 0%,#e4e9f1 22%,#8e97a4 40%,#f8fafd 58%,#6c7480 78%,#d3d9e2 100%) 0 0/100% 100%;background-position:calc(100% - var(--px)) calc(100% - var(--py)), 0 0}.rface--foil[data-metal=red] .fc__gold{background:linear-gradient(115deg,#0000 30%,#ffd6dc00 38%,#ffe4e8ee 47%,#ff8a9a99 51%,#0000 60%) 0 0/300% 300%,linear-gradient(160deg,#5c0a16 0%,#e5405a 22%,#9a1a2e 40%,#ff8c9c 58%,#761222 78%,#d63a52 100%) 0 0/100% 100%;background-position:calc(100% - var(--px)) calc(100% - var(--py)), 0 0}.rface--sealed{text-align:center;box-shadow:inset 0 0 0 1.2cqw var(--f2), inset 0 0 0 3.2cqw #0c0716, inset 0 0 0 3.6cqw var(--f3);background:radial-gradient(120% 90% at 50% 28%,#2a1840,#0c0716 70%);flex-direction:column;justify-content:center;align-items:center;gap:2.5cqw;display:flex}.rface--sealed:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff2e 50%,#0000 60%) 0 0/300% 100% no-repeat;animation:4.5s ease-in-out infinite r-sheen;position:absolute;inset:0}.rface__emblem{opacity:.09;position:absolute;top:50%;left:50%;translate:-50% -50%;width:78%!important;height:auto!important}.rface__code{font:700 22cqw/1 "Cinzel Decorative", var(--font-display);background:var(--fg) 0 0 / 200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite r-foil;position:relative}.rface__name{font:600 7.5cqw/1.2 var(--font-display);color:var(--f1);padding:0 8cqw;position:relative}.rface__style{letter-spacing:.16em;text-transform:uppercase;color:#ffffffa0;font-size:5.2cqw;position:relative}.rface--sealed[data-finish=glow] .rface__code{filter:drop-shadow(0 0 3cqw #4cff7a)}.rface--sealed[data-finish=uv] .rface__code{filter:drop-shadow(0 0 3cqw #ff2f5a)}.rface--sealed[data-finish=lenticular] .rface__code{animation:5s linear infinite r-foil,3s ease-in-out infinite r-hue}.rface--sealed[data-finish=glitter]:before{content:"";opacity:.45;background-image:radial-gradient(#fffc .6px,#0000 1.2px),radial-gradient(#ffd6f5aa .8px,#0000 1.4px);background-position:0 0,4cqw 6cqw;background-size:9cqw 9cqw,13cqw 13cqw;animation:2.2s ease-in-out infinite r-twinkle;position:absolute;inset:0}@keyframes r-sheen{0%{background-position:110% 0}45%,to{background-position:-10% 0}}@keyframes r-foil{to{background-position:-200% 0}}@keyframes r-hue{50%{filter:hue-rotate(70deg)}}@keyframes r-twinkle{50%{opacity:.15}}.rip__best{grid-template-columns:auto 1fr;align-items:center;gap:clamp(1.2rem,4vw,2.5rem);max-width:720px;margin:0 auto;display:grid}.rip__best-card{aspect-ratio:63/88;width:clamp(170px,22vw,250px);box-shadow:0 24px 40px -18px #000, 0 0 36px -6px var(--f2);border-radius:4.6%/3.3%;position:relative;overflow:hidden}.rip__best h3{font-size:var(--step-2);margin:.6rem 0 .4rem}.rip__best p{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.8rem}.rip__best-name{color:var(--text,#fff);margin-bottom:.5rem;font-size:1.05rem;text-decoration:none;display:inline-block}.rip__saved{text-align:center;color:var(--muted);margin:1.6rem 0 0;font-size:.9rem}.rip__all{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.6rem;max-width:1000px;margin:2rem auto 0;display:grid}.rip__mini{aspect-ratio:63/88;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 8px 16px -10px #000}.rip__mini :is(.rface__name,.rface__style){display:none}.rip__mini .rface__code{font-size:26cqw}.rip__mini .rface--foil{--o:.3;animation:none}.rip__mini :is(.fc__holo,.fc__glare){display:none}button:is(.rip__mini,.rip__best-card){cursor:zoom-in;background:0 0;border:0;padding:0;transition:translate .2s;display:block}button.rip__mini:hover,button.rip__best-card:hover{translate:0 -3px}.rip__look{z-index:90;backdrop-filter:blur(8px);background:#07040cdd;place-items:center;padding:1rem;animation:.3s both r-look;display:grid;position:fixed;inset:0}.rip__look-in{align-items:center;gap:2.5rem;max-height:100%;padding:1rem;display:flex;position:relative;overflow-y:auto}.rip__look-card{aspect-ratio:63/88;width:min(360px,78vw,71.6svh - 8.592rem);transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;flex:none;transition:transform .25s;position:relative}.rip__look-flip{transform-style:preserve-3d;cursor:pointer;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.rip__look-flip.is-back{transform:rotateY(180deg)}.rip__look-flip:focus-visible{outline:none}.rip__look-flip:focus-visible .rip__look-side{outline:2px solid var(--gold-light);outline-offset:4px}.rip__look-side{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 30px 50px -20px #000, 0 0 44px -6px var(--f2);border-radius:4.6%/3.3%;position:absolute;inset:0;overflow:hidden}.rip__look-side--back{transform:rotateY(180deg)}.rip__look-side--back img{object-fit:cover;width:100%;height:100%;display:block}.rip__look-info .rip__look-hint{opacity:.75;font-size:.85rem}.rip__look-info{max-width:280px}.rip__look-info h2{margin:.5rem 0}.rip__look-info p{color:var(--muted);margin:0 0 .4rem}.rip__look-tier{font-family:var(--font-display);letter-spacing:.04em;color:var(--gold-light)!important}.rip__look-btns{flex-direction:column;align-items:flex-start;gap:.7rem;margin-top:1.2rem;display:flex}.rip__look-close{border:1px solid var(--line);width:2.6rem;height:2.6rem;color:var(--text);cursor:pointer;background:#0d0817;border-radius:50%;font-size:1.4rem;position:fixed;top:1rem;right:1rem}@keyframes r-look{0%{opacity:0}}@media (width<=760px){.rip__look-in{text-align:center;flex-direction:column;gap:1rem}.rip__look-card{width:min(300px,70vw,71.6svh - 13.246rem)}.rip__look-info{max-width:none}.rip__look-btns{flex-flow:wrap;justify-content:center}}@media (prefers-reduced-motion:reduce){.rip__look{animation:none}.rip__look-flip{transition:none}}.rip__odds{border:1px solid var(--line);background:#0d0817b3;border-radius:16px;max-width:1000px;margin:4rem auto 0;padding:1.2rem 1.4rem}.rip__odds summary{cursor:pointer;font:600 .75rem/1 var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-light)}.rip__odds-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.2rem;display:grid}.rip__odds table{border-collapse:collapse;width:100%;font-size:.85rem}.rip__odds caption{text-align:left;font:600 .7rem/1.3 var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);padding-bottom:.6rem}.rip__odds th,.rip__odds td{border-top:1px solid var(--line);text-align:left;padding:.45rem .4rem}.rip__odds th{font-family:var(--font-display);color:var(--gold-light);white-space:nowrap;font-weight:600}.rip__odds td{color:var(--muted)}.rip__odds td:last-child{text-align:right;white-space:nowrap;color:var(--text)}.rip__odds>p{color:var(--muted);margin:1rem 0 0;font-size:.8rem}@media (width<=760px){.rip__main,.rip__main.is-packs{text-align:center;grid-template-columns:1fr;gap:1rem;min-height:0}.rip__slot{justify-self:center;width:min(58vw,300px)}.rip__main.is-packs .rip__slot{width:min(26vw,140px);margin-top:2.6rem}.rip__main.is-packs .rip__head{margin-bottom:1rem}.rip__glow{top:32%;left:50%}.rip__intro .lead{margin-inline:auto}.rip__grid{grid-template-columns:repeat(6,1fr);align-items:start;gap:.5rem}.rip__boosters{display:contents}.rip__pack--hit{order:-1;grid-area:1/1/span 3/span 2;align-self:center;width:auto}.rip__pack--hit span{letter-spacing:.14em;margin-top:.4rem;font-size:.5rem}.rip__best{text-align:center;grid-template-columns:1fr;justify-items:center}.rip__odds-grid{grid-template-columns:1fr}.rslot__tag{bottom:calc(100% - .8rem / var(--rs,1));letter-spacing:.14em;padding:.38rem .7rem;font-size:.62rem}.rip__open.is-row .rip__stage{height:calc(var(--cw) * 1.397 * var(--rs) + 8.5rem)}}@media (hover:none) and (pointer:coarse){.rip__pack--hit:not(.is-open) img{filter:drop-shadow(0 14px 22px #000a)drop-shadow(0 0 20px #ff9ad566);animation:none}.rip__banner{animation:3.6s cubic-bezier(.2,.9,.3,1.2) forwards r-banner}.rip__party[data-level="5"] .rip__banner{animation-duration:5.2s}.rface--foil{animation-timing-function:steps(28,end)}}@media (prefers-reduced-motion:reduce){.rip__slot,.rip__box3d,.rip__pack,.rip__head,.rpack__hint,.rface--foil,.rface--sealed:after,.rface__code{animation:none!important}.rip__flash{display:none}.rip__banner,.rip__open.is-party .rip__stage,.rslot__tag{animation:none}.rslot,.rflap{transition-duration:10ms!important}}
