.rip-show{position:relative}.rip-table{isolation:isolate;background-color:var(--felt);background-image:radial-gradient(ellipse 62% 34% at 50% 0%, var(--lamp), transparent 64%), radial-gradient(ellipse 70% 48% at 80% 100%, #00000085, transparent 60%), url(/textures/felt-nap.svg);background-size:auto,auto,160px 160px;min-height:min(86vh,44rem);position:relative;overflow:hidden;box-shadow:inset 0 2px 28px #0000008c}.rip-table:after{content:"";z-index:1;pointer-events:none;opacity:0;background:radial-gradient(ellipse 42% 20% at 50% 0%, #fff6c857, transparent 68%), radial-gradient(ellipse 70% 50% at 50% 36%, var(--lamp-wash), transparent 70%), radial-gradient(ellipse 88% 80% at 50% 46%, transparent 22%, #080a0e66 58%, var(--vignette) 100%);transition:opacity .38s,filter .28s;position:absolute;inset:0}.rip-show[data-beat=tear] .rip-table:after,.rip-show[data-beat=fan] .rip-table:after,.rip-show[data-beat=hit] .rip-table:after,.rip-show[data-beat=done] .rip-table:after{opacity:1}.rip-show[data-anticipate="1"] .rip-table:after,.rip-show[data-beat=hit] .rip-table:after{filter:brightness(1.7)}.rip-show[data-anticipate="1"] .rip-card.is-landing.is-middle.is-foil .rip-card-inner{box-shadow:0 0 0 1px var(--foil), 0 0 18px #e0b44a59, 0 16px 28px #00000075}.rip-pack{z-index:2;aspect-ratio:1152/1712;cursor:pointer;background:0 0;border:0;width:min(86%,min(86vh,44rem)/1.61534);height:auto;margin:0;padding:0;transition:transform .18s,inset .18s,width .18s,top .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rip-pack:disabled{cursor:default}.rip-pack:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(44% 60% at 50% 46%,#0000 0% 46%,#12161c47 64%,#12161cc7 100%);position:absolute;inset:0}@property --tear-open{syntax:"<percentage>";inherits:false;initial-value:0%}.rip-pack-art{object-fit:contain;object-position:center;width:100%;height:100%;position:absolute;inset:0}.rip-pack-art--torn{opacity:1}.rip-pack-art--sealed{--tear-open:0%;opacity:1;-webkit-mask-image:linear-gradient(108deg, #000 0%, #000 calc(50% - var(--tear-open)), transparent calc(50% - var(--tear-open)), transparent calc(50% + var(--tear-open)), #000 calc(50% + var(--tear-open)), #000 100%);mask-image:linear-gradient(108deg, #000 0%, #000 calc(50% - var(--tear-open)), transparent calc(50% - var(--tear-open)), transparent calc(50% + var(--tear-open)), #000 calc(50% + var(--tear-open)), #000 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.rip-show[data-beat=tear] .rip-pack-art--sealed{animation:rip-tear-mask var(--rip-tear,1.008s) linear forwards}.rip-show[data-beat=fan] .rip-pack-art--sealed,.rip-show[data-beat=hit] .rip-pack-art--sealed,.rip-show[data-beat=done] .rip-pack-art--sealed{--tear-open:60%}.rip-show[data-beat=hold] .rip-pack{transform:translate(-50%,-50%)scale(.978)}.rip-show[data-beat=tear] .rip-pack{animation:rip-tear var(--rip-tear,1.008s) ease-out 1}.rip-show[data-beat=tear] .rip-glint{animation:rip-glint .55s ease-out var(--rip-peak,.24s) 1}.rip-show[data-beat=fan] .rip-pack,.rip-show[data-beat=hit] .rip-pack,.rip-show[data-beat=done] .rip-pack{pointer-events:none;aspect-ratio:1152/1712;width:min(46%,16rem);height:auto;inset:11% auto auto 50%;transform:translate(-50%)}.rip-glint{pointer-events:none;opacity:0;mix-blend-mode:screen;background:linear-gradient(108deg,#0000 36%,#fff6c800 44%,#ffffff6b 50%,#e0b44a47 56%,#0000 68%);position:absolute;inset:0}.rip-dust{pointer-events:none;position:absolute;inset:0}.rip-mote{top:38%;left:var(--x,50%);background:var(--paper);opacity:0;width:.18rem;height:.18rem;animation:rip-dust .72s ease-out var(--delay,var(--rip-peak,.24s)) 1;border-radius:1px;position:absolute}.rip-fan{z-index:3;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.rip-fan[hidden]{display:none!important}.rip-fan.is-live{pointer-events:auto}.rip-pack-art,.rip-glint,.rip-dust{pointer-events:none}.rip-glint,.rip-dust{z-index:2}.rip-debris{z-index:2;pointer-events:none;opacity:0;width:96%;height:auto;transition:opacity .42s,transform .52s;position:absolute;top:44%;left:2%;right:2%;transform:translateY(-.28rem)}.rip-show[data-beat=tear] .rip-debris,.rip-show[data-beat=fan] .rip-debris,.rip-show[data-beat=hit] .rip-debris,.rip-show[data-beat=done] .rip-debris{opacity:.9;transform:none}.rip-card{aspect-ratio:784/1168;perspective:900px;width:min(38vw,13.6rem);position:absolute}.rip-card--0{transform:translate(-78%,10%)rotate(-8deg)}.rip-card--0.is-crooked{transform:translate(-82%,18%)rotate(-8deg)}.rip-card--1{z-index:4;transform:translateY(-2%)rotate(0)}.rip-card--2{transform:translate(78%,12%)rotate(8deg)}.rip-card--2.is-crooked{transform:translate(84%,20%)rotate(8deg)}.rip-card.is-landing.rip-card--0{animation:rip-fan-left var(--rip-land,.72s) cubic-bezier(.18, .84, .32, 1) both}.rip-card.is-landing.rip-card--1{animation:rip-fan-mid var(--rip-land,.72s) cubic-bezier(.18, .84, .32, 1) both}.rip-card.is-landing.rip-card--2{animation:rip-fan-right var(--rip-land,.72s) cubic-bezier(.18, .84, .32, 1) both}.rip-show[data-beat=hit] .rip-card--1,.rip-show[data-beat=done] .rip-card--1{animation:.7s cubic-bezier(.16,.9,.32,1) both rip-hit}.rip-show[data-landed="3"]:has(.rip-card.is-middle.is-foil) .rip-table:before{content:"";z-index:2;pointer-events:none;background:radial-gradient(42% 56% at 50% 40%,#0000 0% 36%,#12161c52 64%,#12161cb3 100%);position:absolute;inset:0}.rip-show[data-landed="3"]:has(.rip-card.is-middle.is-foil) .rip-card:not(.is-middle){opacity:.42;filter:brightness(.68)}.rip-show[data-landed="3"] .rip-card.is-middle.is-foil{z-index:6}.rip-show[data-landed="3"] .rip-card.is-middle.is-foil .rip-card-inner{box-shadow:0 0 0 1px var(--foil-hot), 0 0 0 3px var(--foil), 0 0 20px #e0b44a61, 0 16px 28px #00000075}.rip-show[data-beat=hit] .rip-card.is-middle.is-foil,.rip-show[data-beat=done] .rip-card.is-middle.is-foil{animation:1.05s cubic-bezier(.16,.9,.32,1) both rip-foil-hold}.rip-card-flip{cursor:pointer;width:100%;height:100%;transform-style:preserve-3d;background:0 0;border:0;padding:0;display:block}.rip-card-flip:disabled{cursor:default}.rip-card-inner{width:100%;height:100%;transform-style:preserve-3d;box-shadow:0 0 0 1px var(--rim), 0 16px 28px #00000075;transition:transform .55s;display:block;position:relative}.rip-card.is-flipped .rip-card-inner{transform:rotateY(180deg)}.rip-card-face,.rip-card-back{backface-visibility:hidden;border-radius:.22rem;position:absolute;inset:0;overflow:hidden}.rip-card-face img{object-fit:cover;width:100%;height:100%}.rip-card-grain{pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(28% 78% at 0,#e0b44a6b,#0000 68%),radial-gradient(28% 78% at 100%,#ffffff47,#0000 68%),linear-gradient(118deg,#0000 38%,#fff6c80f 46%,#fff6 50%,#e0b44a33 54%,#0000 64%);position:absolute;inset:0}.rip-show[data-landed="3"] .rip-card.is-middle.is-foil .rip-card-grain{animation:1.15s ease-out foil-grain}.rip-show[data-anticipate="1"] .rip-card.is-landing.is-middle.is-foil .rip-card-grain{animation:.8s ease-out forwards foil-idle}.rip-card-back{background:var(--paper);color:var(--ink);flex-direction:column;gap:.45rem;padding:.7rem .65rem .6rem;display:flex;transform:rotateY(180deg)}.rip-card-bug{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:#6b4a10;font-size:.62rem}.rip-card-lore{font-family:var(--font-serif);color:var(--ink-soft);margin:0;font-size:.72rem;line-height:1.35}.rip-card-byline,.rip-card-closer{font-family:var(--font-serif);margin:0;font-size:.68rem;font-style:italic}.rip-card-byline{color:var(--ink-soft)}.rip-card-closer{color:var(--ink);margin-top:auto}.rip-host{left:var(--pad);right:var(--pad);z-index:5;min-height:1.4rem;font-family:var(--font-serif);color:var(--paper);text-shadow:0 1px 10px #000000b3;pointer-events:none;margin:0;font-size:clamp(1.05rem,2.4vw,1.35rem);font-style:italic;position:absolute;bottom:1rem}.rip-show:has([data-rip-again]:not([hidden])) .rip-host{bottom:6.8rem}.rip-mute{top:.85rem;right:var(--pad);z-index:6;appearance:none;background:var(--night-lift);color:var(--paper);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:1px solid #e0b44ab8;padding:.4rem .7rem .45rem;font-size:.78rem;position:absolute;box-shadow:inset 0 1px #fff6c829}.rip-mute[aria-pressed=true]{color:var(--mist-dim);border-color:#8b93a073}.rip-mute:hover,.rip-mute:focus-visible{color:var(--foil-glare)}.rip-actions{left:var(--pad);z-index:5;margin:0;position:absolute;bottom:3.2rem}.rip-again{appearance:none;border:1px solid var(--foil);background:var(--night-lift);color:var(--paper);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:.55rem .95rem .6rem;font-size:.95rem;box-shadow:inset 0 1px #fff6c833,0 0 0 1px #e0b44a2e}.rip-again:hover,.rip-again:focus-visible{color:var(--foil-glare)}@keyframes rip-tear{0%{transform:translate(-50%,-50%)scale(1.02)rotate(-.6deg)}24%{transform:translate(-50%,-50%)scale(1.07)rotate(1.6deg)}to{transform:translate(-50%,-50%)}}@keyframes rip-tear-mask{0%{--tear-open:0%}to{--tear-open:60%}}@keyframes rip-glint{0%{opacity:0;transform:translate(-28%)}40%{opacity:1}to{opacity:0;transform:translate(32%)}}@keyframes rip-dust{0%{opacity:.85;transform:translate(0)}to{opacity:0;transform:translate(var(--drift,12px), 42px)}}@keyframes rip-fan-left{0%{opacity:0;transform:translateY(8%)rotate(-4deg)scale(.72)}to{opacity:1;transform:translate(-82%,18%)rotate(-8deg)}}@keyframes rip-fan-mid{0%{opacity:0;transform:translateY(10%)scale(.74)}to{opacity:1;transform:translateY(-2%)rotate(0)}}@keyframes rip-fan-right{0%{opacity:0;transform:translateY(8%)rotate(4deg)scale(.72)}to{opacity:1;transform:translate(84%,20%)rotate(8deg)}}@keyframes rip-hit{0%{transform:translateY(-2%)rotate(0)scale(1)}to{transform:translateY(-16%)rotate(0)scale(1.1)}}@keyframes rip-foil-hold{0%{transform:translateY(-2%)rotate(0)scale(1)}to{transform:translateY(-16%)rotate(0)scale(1.1)}}@keyframes foil-grain{0%{opacity:0;transform:translate(-40%)}35%{opacity:1}to{opacity:0;transform:translate(42%)}}@keyframes foil-idle{0%{opacity:.15}to{opacity:.7}}@media (width<=640px){.rip-table{min-height:min(78vh,34rem)}.rip-pack{width:min(92%,min(78vh,34rem)/1.61534)}.rip-card{width:min(34vw,9.6rem)}.rip-card-lore{font-size:.62rem}}@media (prefers-reduced-motion:reduce){.rip-pack,.rip-pack-art,.rip-card-inner,.rip-glint,.rip-mote,.rip-card-grain,.rip-debris,.rip-table:after{transition:none!important;animation:none!important}.rip-show[data-beat=tear] .rip-pack-art--sealed,.rip-show[data-beat=fan] .rip-pack-art--sealed,.rip-show[data-beat=hit] .rip-pack-art--sealed,.rip-show[data-beat=done] .rip-pack-art--sealed{--tear-open:60%}.rip-card.is-landing.rip-card--0,.rip-card.is-landing.rip-card--1,.rip-card.is-landing.rip-card--2,.rip-show[data-beat=hit] .rip-card--1,.rip-show[data-beat=done] .rip-card--1,.rip-show[data-beat=hit] .rip-card.is-middle.is-foil,.rip-show[data-beat=done] .rip-card.is-middle.is-foil{animation:none}.rip-show[data-landed="3"] .rip-card.is-middle.is-foil{transform:translateY(-16%)rotate(0)scale(1.1)}}