.tp-stage.rip-stage{flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.rip-stage{--rar:#9fb2c8;--tier:#3fd4ff}.rip-header{z-index:5;width:100%;max-width:540px;padding:max(16px, env(safe-area-inset-top)) 20px 0;position:relative}.rip-topline{justify-content:space-between;align-items:center;display:flex}.rip-rail{gap:10px;margin-top:14px;display:flex}.rip-rail-pack{--rip-tc:var(--color-volt);cursor:pointer;text-align:center;color:var(--color-ink);border:1.5px solid var(--color-line);background:linear-gradient(165deg, color-mix(in oklab, var(--rip-tc) 26%, #12141f), #0e1019 70%);transition:transform .2s var(--ease-out), border-color .2s, box-shadow .2s;border-radius:12px;flex:1;padding:10px 8px 9px}.rip-rail-pack:hover{transform:translateY(-2px)}.rip-rail-pack.sel{border-color:color-mix(in oklab, var(--rip-tc) 75%, #fff);box-shadow:0 10px 26px -12px color-mix(in oklab, var(--rip-tc) 70%, transparent)}.rip-rail-teams{font:800 13px/1.2 var(--font-body), ui-sans-serif, sans-serif;display:block}.rip-rail-date{color:var(--color-sub);font:600 12px/1 var(--font-body), ui-sans-serif, sans-serif;margin-top:4px;display:block}.rip-scene{z-index:2;flex:1;place-items:center;width:100%;display:grid;position:relative}.rip-pack-host{perspective:1100px;position:relative}.rip-scene .tp-pack{transform:rotateY(var(--rip-tilt-y,0deg)) rotateX(var(--rip-tilt-x,0deg))}.rip-stage .tp-pack-wrap.shake .tp-pack{animation:90ms linear infinite shake}@keyframes shake{0%{transform:translate(.6px,-.4px)rotate(.15deg)}50%{transform:translate(-.7px,.5px)rotate(-.2deg)}to{transform:translate(.4px,.3px)rotate(.1deg)}}.rip-flash{z-index:8;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 44%,#fff,#fff0 55%);position:fixed;inset:0}.rip-fx{z-index:8;object-fit:cover;mix-blend-mode:screen;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .45s ease-out;position:fixed;inset:0}.rip-fx.on{opacity:1;transition:opacity 60ms ease-in}.rip-burst{z-index:9;pointer-events:none;position:fixed;inset:0}.rip-reveal{z-index:7;opacity:0;visibility:hidden;pointer-events:none;background:radial-gradient(90% 70% at 50% 45%,#07080dc7,#07080deb);place-items:center;padding:18px 0;transition:opacity .35s ease-out,visibility 0s .35s;display:grid;position:fixed;inset:0;overflow-y:auto}.rip-reveal.on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s ease-out}.rip-reveal-inner{flex-direction:column;align-items:center;gap:14px;margin:auto;display:flex}.rip-pull-card{text-align:center;border:2px solid color-mix(in oklab, var(--rar) 60%, var(--color-line));width:min(86vw,352px);box-shadow:0 40px 90px -25px #000000e6, 0 24px 80px -20px var(--rar);opacity:0;background:linear-gradient(165deg,#151929,#0f121e 70%);border-radius:24px;padding:22px 20px 20px;position:relative;overflow:hidden;transform:translateY(60px)scale(.62)}.rip-reveal.on .rip-pull-card{opacity:1;transition:transform .9s var(--ease-spring), opacity .35s ease-out;transform:none}.rip-pull-card.legendary{background:linear-gradient(#151929,#0f121e 70%) padding-box padding-box,linear-gradient(120deg,#ffc94d,#fff3c4,#e8a020,#ffc94d) border-box;border-color:#0000}.rip-pull-card.legendary:after{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 44%,#fff4c880 50%,#0000 56%);border-radius:24px;animation:3.2s ease-in-out infinite sweep;position:absolute;inset:-2px}.rip-badges{justify-content:center;gap:8px;display:flex}.rip-rarity-badge,.rip-tier-badge{font:800 11px/1 var(--font-body), ui-sans-serif, sans-serif;letter-spacing:.12em;white-space:nowrap;opacity:0;filter:blur(6px);border-radius:999px;padding:7px 11px;display:inline-block;transform:scale(1.5)}.rip-rarity-badge{color:#0b0d15;background:var(--rar)}.rip-tier-badge{color:var(--tier);border:1.5px solid color-mix(in oklab, var(--tier) 65%, transparent);background:color-mix(in oklab, var(--tier) 12%, transparent)}.rip-reveal.on .rip-rarity-badge,.rip-reveal.on .rip-tier-badge{opacity:1;filter:blur();transition:all .5s var(--ease-out) .35s;transform:scale(1)}.rip-reveal.on .rip-tier-badge{transition-delay:.42s}.rip-pair{height:190px;margin:18px 0 4px;position:relative}.rip-ticket{transform-origin:50% 120%;text-align:left;background:linear-gradient(150deg, color-mix(in oklab, var(--tier) 34%, #141828), color-mix(in oklab, var(--tier) 12%, #10131f) 62%, color-mix(in oklab, var(--tier) 26%, #141828));width:236px;height:158px;box-shadow:0 18px 44px -14px #000000d9, inset 0 0 0 1.5px color-mix(in oklab, var(--tier) 55%, transparent);border-radius:14px;position:absolute;top:8px;left:50%;overflow:hidden}.rip-ticket:before{content:"";background:repeating-linear-gradient(180deg, color-mix(in oklab, var(--tier) 55%, transparent) 0 6px, transparent 6px 12px);width:2px;position:absolute;top:0;bottom:0;right:56px}.rip-ticket:after{content:"";mix-blend-mode:screen;opacity:.4;pointer-events:none;background:linear-gradient(115deg, transparent 40%, color-mix(in oklab, var(--tier) 45%, #fff) 50%, transparent 60%);animation:5.5s ease-in-out infinite sweep;position:absolute;inset:0}.rip-t-head{text-transform:uppercase;font:800 12px/1 var(--font-body), ui-sans-serif, sans-serif;letter-spacing:.12em;color:#f4f5fabf;padding:13px 58px 0 14px}.rip-t-zone{font:900 24px/1 var(--font-display), ui-sans-serif, sans-serif;color:var(--color-ink);padding:8px 58px 0 14px}.rip-t-sub{font:700 12px/1.45 var(--font-body), ui-sans-serif, sans-serif;color:#f4f5fa9e;padding:5px 58px 0 14px}.rip-t-bars{opacity:.75;background:repeating-linear-gradient(#f4f5fabf 0 3px,#0000 3px 7px);border-radius:2px;width:34px;position:absolute;top:16px;bottom:16px;right:12px}.rip-ticket.back{background:linear-gradient(150deg, color-mix(in oklab, var(--tier) 22%, #10131f), color-mix(in oklab, var(--tier) 8%, #0d101a) 70%);justify-content:center;align-items:center;display:flex}.rip-ticket.back .rip-bk{font:900 17px/1 var(--font-display), ui-sans-serif, sans-serif;letter-spacing:.04em;opacity:.85;color:color-mix(in oklab, var(--tier) 55%, #6b7190)}.rip-ticket.back .rip-bk em{font-style:normal}.rip-ticket.a{transform:translate(-50%)rotate(-9deg)translateY(20px)}.rip-ticket.b{transform:translate(-50%)rotate(5deg)}.rip-tiermap{opacity:.95;width:64px;height:30px;position:absolute;bottom:12px;left:14px}.rip-reveal.on .rip-ticket{transition:transform .9s var(--ease-spring) .2s}.rip-reveal:not(.on) .rip-ticket.a,.rip-reveal:not(.on) .rip-ticket.b{transform:translate(-50%)rotate(0)translateY(70px)}.rip-pull-view[hidden]{display:none}.rip-pull-meta{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.rip-reveal .rip-stagger{opacity:0;transform:translateY(14px)}.rip-reveal.on .rip-stagger{opacity:1;transition:all .55s var(--ease-out);transform:none}.rip-reveal.on .rip-s3{transition-delay:.6s}.rip-reveal.on .rip-s4{transition-delay:.74s}.rip-keep-btn{cursor:pointer;width:100%;font:800 17px/1 var(--font-body), ui-sans-serif, sans-serif;color:#0b0d15;background:linear-gradient(90deg, var(--rar), color-mix(in oklab, var(--rar) 55%, #fff));box-shadow:0 14px 34px -12px var(--rar), inset 0 1.5px 0 #ffffff8c;transition:transform .18s var(--ease-out);border:0;border-radius:999px;margin-top:18px;padding:17px 0}.rip-keep-btn:hover{transform:translateY(-2px)}.rip-keep-btn:active{transform:translateY(1px)scale(.985)}.rip-kept{text-align:center;padding:6px 0 2px;display:none}.rip-kept:focus,.rip-kept:focus-visible{outline:none}.rip-kept.on{display:block}.rip-kept .tp-check{margin-bottom:8px}.rip-kept h3{font:900 21px/1.2 var(--font-display), ui-sans-serif, sans-serif;margin-bottom:6px}.rip-kept p{color:var(--color-sub);font-size:14.5px}.rip-reveal .rip-again{margin:0 auto;display:none}.rip-reveal.on .rip-again{display:block}.rip-reveal .tp-recital{text-align:center;max-width:320px}.rip-live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.rip-footer{z-index:5;width:100%;max-width:540px;padding:0 20px calc(env(safe-area-inset-bottom) + 14px);position:relative}.rip-btn{cursor:pointer;color:#fff;background:linear-gradient(90deg, var(--color-volt) 0%, #6a6bff 60%, #5f7bff 100%);touch-action:none;width:100%;transition:transform .18s var(--ease-out), box-shadow .25s;border:0;border-radius:999px;padding:10px 10px 12px;position:relative;overflow:hidden;box-shadow:0 18px 44px -14px #696effbf,inset 0 2px #ffffff80}.rip-btn:hover{transform:translateY(-2px)}.rip-price{font:900 clamp(38px,11vw,46px)/1 var(--font-display), ui-sans-serif, sans-serif;text-shadow:0 2px 12px #140a3c66;display:block}.rip-action{text-transform:uppercase;font:800 13px/1 var(--font-body), ui-sans-serif, sans-serif;letter-spacing:.22em;background:#0b0d1557;border-radius:999px;margin-top:7px;padding:6px 14px;display:inline-block}.rip-charge{pointer-events:none;background:linear-gradient(90deg,#ffffff57,#ffffff29);width:0%;position:absolute;top:0;bottom:0;left:0}.rip-footer .tp-allin{text-align:center;margin-top:9px}.rip-footer .tp-recital{text-align:center;margin-top:5px}.rip-footer .tp-age{text-align:center;margin-top:9px}.rip-stage.opened .rip-btn,.rip-stage.opened .rip-footer .tp-allin,.rip-stage.opened .rip-footer .tp-recital{display:none}.rip-stage.opened .rip-rail{pointer-events:none;opacity:.35}@media (min-width:900px){.rip-stage .tp-pack-wrap{width:320px}.rip-header,.rip-footer{max-width:580px}}@media (max-width:360px){.rip-badges{gap:6px}}@media (max-height:660px){.rip-pull-card{padding:14px}.rip-pair{height:150px;margin:12px 0 2px}.rip-ticket{width:200px;height:128px}.rip-t-zone{font-size:21px}.rip-keep-btn{margin-top:12px;padding:14px 0}.rip-reveal-inner{gap:10px}}@media (prefers-reduced-motion:reduce){.rip-ticket:after,.rip-pull-card.legendary:after,.rip-stage .tp-pack-wrap.shake .tp-pack{animation:none}.rip-rail-pack,.rip-keep-btn,.rip-btn{transition-duration:.01ms}.rip-pull-card,.rip-rarity-badge,.rip-tier-badge,.rip-ticket,.rip-reveal .rip-stagger,.rip-reveal.on .rip-pull-card,.rip-reveal.on .rip-rarity-badge,.rip-reveal.on .rip-tier-badge,.rip-reveal.on .rip-ticket,.rip-reveal.on .rip-stagger{transition-duration:.15s}.rip-reveal.on .rip-rarity-badge,.rip-reveal.on .rip-tier-badge,.rip-reveal.on .rip-s3,.rip-reveal.on .rip-s4{transition-delay:0s}}
