.rx-pack{--w:220px;--a:#1a1f24;--b:#0b0e12;--acc:#b6f500;width:var(--w);height:calc(var(--w) * 1.5);--u:calc(var(--w) / 220);font-size:var(--u);border-radius:calc(var(--u) * 10) calc(var(--u) * 10) calc(var(--u) * 12) calc(var(--u) * 12);background:linear-gradient(115deg, transparent 30%, #ffffff47 42%, transparent 55%), linear-gradient(160deg, #ffffff1a, transparent 40%), radial-gradient(120% 80% at 30% 20%, var(--a), var(--b));box-shadow:0 calc(var(--u) * 40) calc(var(--u) * 60) calc(var(--u) * -20) #000000b3, inset 0 0 0 1px #ffffff1f, inset 0 0 calc(var(--u) * 40) #0006;color:#fff;font-family:var(--font-display);-webkit-user-select:none;user-select:none;flex:none;line-height:1;position:relative;overflow:hidden}.rx-pack.is-tilted{transform:perspective(900px)rotateY(-10deg)rotateX(4deg)}.rx-pack:before,.rx-pack:after{content:"";height:calc(var(--u) * 18);opacity:.7;background:repeating-linear-gradient(90deg,#ffffff40 0 2px,#00000040 2px 5px);position:absolute;left:0;right:0}.rx-pack:before{top:0}.rx-pack:after{bottom:0}.rx-pack-free{--a:#26302b;--b:#0c110f;--acc:#b6f500}.rx-pack-core{--a:#1d3a55;--b:#081523;--acc:#74d8ff}.rx-pack-elite{--a:#3d2466;--b:#140b24;--acc:#c3a0ff}.rx-pack-mythic{--a:#6b4d12;--b:#1e1405;--acc:#ffd66b}.rx-pack-holo{mix-blend-mode:soft-light;opacity:.22;background:linear-gradient(125deg,#ff4fd8,#4fd8ff 25%,#b6ff4f 50%,#ffd84f 75%,#ff4fd8);position:absolute;inset:0}.rx-pack-tear{top:calc(var(--u) * 34);border-top:1.5px dashed #ffffff73;position:absolute;left:0;right:0}.rx-pack-tear span{right:calc(var(--u) * 10);top:calc(var(--u) * -14);letter-spacing:.2em;opacity:.8;font-size:8em;position:absolute}.rx-pack-brand{top:calc(var(--u) * 50);left:calc(var(--u) * 18);letter-spacing:-.02em;font-size:22em;position:absolute}.rx-pack-brand b{color:var(--acc)}.rx-pack-series{top:calc(var(--u) * 56);right:calc(var(--u) * 18);letter-spacing:.2em;opacity:.7;text-align:right;font:700 8em/1.2 Arial,sans-serif;position:absolute}.rx-pack-mark{width:84%;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.rx-pack-name{left:calc(var(--u) * 18);right:calc(var(--u) * 18);bottom:calc(var(--u) * 44);text-transform:uppercase;letter-spacing:-.01em;font-size:26.4em;line-height:.95;position:absolute}.rx-pack-sub{left:calc(var(--u) * 18);bottom:calc(var(--u) * 28);letter-spacing:.22em;opacity:.7;white-space:nowrap;font:700 8em Arial,sans-serif;position:absolute}.rx-pack.is-xs .rx-pack-series,.rx-pack.is-xs .rx-pack-sub,.rx-pack.is-xs .rx-pack-tear span{display:none}.rx-pack.is-xs .rx-pack-name{bottom:calc(var(--u) * 34)}.rx-pack.is-torn{clip-path:polygon(0 11.2%,6% 10.6%,11% 11.5%,17% 10.8%,24% 11.6%,31% 10.7%,38% 11.4%,45% 10.9%,52% 11.6%,60% 10.8%,67% 11.5%,74% 10.7%,81% 11.4%,88% 10.9%,94% 11.6%,100% 11%,100% 100%,0 100%)}.rx-pack.is-torn:before,.rx-pack.is-torn .rx-pack-tear{display:none}.rx-stage{isolation:isolate;--rx-acc:#b6f500;width:100%;height:100%;min-height:440px;position:relative}.rx-stage-free{--rx-acc:#b6f500}.rx-stage-core{--rx-acc:#74d8ff}.rx-stage-elite{--rx-acc:#c3a0ff}.rx-stage-mythic{--rx-acc:#ffd66b}.rx-stage-atmosphere{pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 48%, color-mix(in srgb, var(--rx-hit,var(--rx-acc)) 14%, transparent), transparent 64%);transition:background .6s;position:absolute;inset:8% 6% 12%}.rx-stage-viewport{position:absolute;inset:0}.rx-stage[data-phase=revealing] .rx-stage-viewport{cursor:pointer}.rx-stage-canvas{outline:none;width:100%;height:100%;display:block}.rx-stage[data-renderer=fallback] .rx-stage-canvas{visibility:hidden}.rx-stage-placeholder{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.rx-stage[data-renderer=loading] .rx-stage-placeholder .rx-pack{animation:1.6s ease-in-out infinite rx-pulse}.rx-stage-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rx-rip-handle{z-index:3;color:#07080a;transform-origin:58px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:342px;height:44px;padding:0;position:absolute;top:calc(50% - 165px);left:calc(50% - 178px)}.rx-stage[data-renderer=ready] .rx-rip-handle{animation:.3s ease-out .15s both rx-fade-in}.rx-rip-handle.is-dragging{cursor:grabbing}.rx-rip-handle[aria-disabled=true]{cursor:not-allowed}.rx-rip-handle[aria-disabled=true] .rx-rip-knob{color:#8fa060;box-shadow:none;background:#3a4a12;animation:none}.rx-rip-handle[aria-disabled=true] .rx-rip-rail{opacity:.3}.rx-rip-rail{height:2px;top:21px;left:calc((100% - 74px) * var(--tear,0) + 50px);opacity:.9;filter:drop-shadow(0 0 4px #b6f50080);background:repeating-linear-gradient(90deg,#b6f500 0 8px,#0000 8px 14px);position:absolute;right:0}.rx-rip-knob{top:0;left:calc((100% - 74px) * var(--tear,0));background:#b6f500;border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .16s,box-shadow .16s;animation:2.2s ease-in-out infinite rx-knob;display:grid;position:absolute;box-shadow:0 0 24px #b6f50099,0 4px 14px #0008}.rx-rip-handle:hover .rx-rip-knob,.rx-rip-handle.is-dragging .rx-rip-knob{animation:none;transform:scale(1.08);box-shadow:0 0 34px #b6f500cc,0 0 0 8px #b6f50026,0 4px 14px #0008}.rx-rip-handle:focus-visible{outline:none}.rx-rip-handle:focus-visible .rx-rip-knob{outline-offset:3px;outline:2px solid #fff}.rx-stage-controls{z-index:4;pointer-events:none;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;bottom:14px;left:0;right:0}.rx-stage-controls>*{pointer-events:auto}.rx-stage-controls p{color:#8a9096;margin:0;font:500 13px/1.4 Inter,Segoe UI,Arial,sans-serif}.rx-link{color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.rx-link:hover{color:#b6f500}.rx-link:disabled{color:#8a9096;cursor:default}.rx-skip{color:#c5cad0;cursor:pointer;background:#0d0f12cc;border:1px solid #2a2f35;border-radius:8px;padding:6px 12px;font:700 12px Inter,Segoe UI,Arial,sans-serif}.rx-skip:hover{color:#fff;border-color:#3a4048}.rx-link:focus-visible,.rx-skip:focus-visible{outline-offset:2px;outline:2px solid #b6f500}.rx-fallback-reveal{justify-content:center;align-items:center;gap:calc(var(--cw) * .35);display:flex;position:absolute;inset:0 0 48px}.rx-fallback-packwrap{flex:none;position:relative;transform:rotate(5deg)perspective(900px)rotateY(16deg)}.rx-fallback-pack{opacity:.95}.rx-fallback-strip{clip-path:inset(0 0 88.7%);transform-origin:100% 6%;pointer-events:none;animation:.9s cubic-bezier(.3,.7,.3,1) both rx-strip-fly;inset:0 auto auto 0;position:absolute!important}.rx-fallback-fan{width:calc(var(--cw) * (1 + .62 * (var(--n,3) - 1)));height:calc(var(--cw) * 1.367);position:relative}.rx-fallback-slot{z-index:calc(10 - var(--a));opacity:0;transform:translate(calc(-50% + (var(--o) - var(--shift,0)) * var(--cw) * .62), 40px) scale(.86);transition:opacity .38s,transform .52s cubic-bezier(.2,.9,.25,1.15);position:absolute;top:0;left:50%}.rx-fallback-slot.is-shown{opacity:1;transform:translate(calc(-50% + (var(--o) - var(--shift,0)) * var(--cw) * .62), calc(var(--a) * 6px)) rotate(calc(var(--o) * 5deg)) scale(calc(1 - var(--a) * .06))}.rx-fallback-slot.is-best.is-shown .rx-card,.rx-fallback-herocard .rx-card{filter:drop-shadow(0 0 26px color-mix(in srgb, var(--rx-card,var(--rx-hit,#b6f500)) 70%, transparent))}.rx-fallback-hero{justify-content:center;align-items:center;gap:56px;display:flex;position:absolute;inset:0}.rx-fallback-hero .rx-fallback-packwrap{margin-top:-112px;position:absolute;top:50%;right:calc(50% + 170px)}.rx-fallback-herocard{animation:.46s cubic-bezier(.2,.9,.25,1.2) both rx-hero-in}.rx-fallback-herocard.is-best{animation-duration:.7s}.rx-tear{width:240px;height:360px;position:relative;transform:perspective(900px)rotateY(-10deg)rotateX(4deg)}.rx-tear>.rx-pack{position:absolute;inset:0}.rx-tear-body{clip-path:polygon(0 11.2%,6% 10.6%,11% 11.5%,17% 10.8%,24% 11.6%,31% 10.7%,38% 11.4%,45% 10.9%,52% 11.6%,60% 10.8%,67% 11.5%,74% 10.7%,81% 11.4%,88% 10.9%,94% 11.6%,100% 11%,100% 100%,0 100%)}.rx-tear:not([data-tearing]) .rx-tear-body{clip-path:none}.rx-tear-attached{clip-path:inset(0 0 88.4% calc(var(--tear) * 100%))}.rx-tear-peel{clip-path:inset(0 calc((1 - var(--tear)) * 100%) 88.4% 0);transform-origin:calc(var(--tear) * 100%) 10%;transform:translateY(calc(var(--tear) * -20px)) rotate(calc(var(--tear) * -16deg)) skewX(calc(var(--tear) * -6deg));filter:brightness(1.25)}.rx-tear-spark{left:calc(var(--tear) * 100% - 9px);background:radial-gradient(circle, #fff, var(--rx-acc) 40%, transparent 70%);opacity:0;border-radius:50%;width:18px;height:18px;position:absolute;top:calc(10.5% - 9px)}.rx-tear[data-tearing] .rx-tear-spark{opacity:.95}.rx-stage{--strip-h:136px}.rx-stage.has-strip .rx-stage-viewport{bottom:var(--strip-h)}.rx-stage.has-strip .rx-stage-controls{bottom:calc(var(--strip-h) + 4px)}.rx-strip{z-index:5;height:var(--strip-h);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:10px;padding:8px 16px 12px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 14px),#0000);mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 14px),#0000)}.rx-strip::-webkit-scrollbar{display:none}.rx-strip:before,.rx-strip:after{content:"";flex:1 0 0}.rx-strip-card{cursor:pointer;scroll-snap-align:center;filter:brightness(.82);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:7px;flex:none;padding:0;transition:transform .22s cubic-bezier(.2,.9,.25,1.2),filter .22s,opacity .22s}.rx-strip-card:disabled{cursor:default}.rx-strip-card.is-hidden{opacity:.4}.rx-strip-card:not(:disabled):hover{filter:none;transform:translateY(-3px)}.rx-strip-card.is-active{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--rx-card) 75%, transparent));transform:translateY(-5px)}.rx-strip-card:focus-visible{outline-offset:3px;outline:2px solid #b6f500}.rx-stage-a11y{z-index:6;flex-wrap:wrap;gap:6px;display:flex;position:absolute;bottom:12px;left:12px}.rx-stage-a11y button{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rx-stage-a11y button:focus-visible{clip-path:none;color:#fff;background:#0d0f12;border:1px solid #2a2f35;border-radius:8px;width:auto;height:auto;padding:6px 10px;font:700 12px Inter,Segoe UI,Arial,sans-serif;position:static}.rx-sound{z-index:6;color:#8a9096;cursor:pointer;background:#0d0f12b3;border:1px solid #23272c;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;transition:color .16s,border-color .16s;display:grid;position:absolute;bottom:4px;right:4px}.rx-stage.is-compact[data-phase=revealing] .rx-stage-controls{flex-direction:row;gap:12px;padding-right:40px;top:8px;bottom:auto}.rx-stage.is-compact .rx-sound{top:4px;bottom:auto}.rx-sound:hover{color:#fff;border-color:#3a4048}.rx-sound[aria-pressed=true]{color:#b6f500;border-color:#b6f50066}.rx-sound:focus-visible{outline-offset:2px;outline:2px solid #b6f500}.rx-stage[data-suspense] .rx-stage-atmosphere{background:radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--rx-hit,var(--rx-acc)) 26%, transparent), transparent 58%);animation:.52s ease-in-out infinite alternate rx-throb}.rx-stage[data-suspense] .rx-strip{opacity:.45;transition:opacity .3s}.rx-stage-edge{z-index:2;pointer-events:none;opacity:0;box-shadow:inset 0 0 90px 10px color-mix(in srgb, var(--rx-hit,#ffd66b) 55%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--rx-hit,#ffd66b) 45%, transparent);position:absolute;inset:0}.rx-stage[data-burst=epic] .rx-stage-edge{--edge:.55;animation:2.4s ease-out both rx-edge}.rx-stage[data-burst=mythic] .rx-stage-edge{--edge:1;animation:6s ease-out both rx-edge}@keyframes rx-edge{0%{opacity:0}6%{opacity:var(--edge,1)}30%{opacity:calc(var(--edge,1) * .55)}45%{opacity:calc(var(--edge,1) * .8)}to{opacity:0}}@keyframes rx-throb{0%{opacity:.6}to{opacity:1}}@keyframes rx-strip-fly{0%{opacity:1;transform:none}to{opacity:0;transform:translate(46px,-70px)rotate(38deg)}}@keyframes rx-hero-in{0%{opacity:0;transform:translateY(26px)scale(.84)rotate(-3deg)}to{opacity:1;transform:none}}@keyframes rx-knob{0%,to{box-shadow:0 0 24px #b6f50099,0 0 #b6f50055,0 4px 14px #0008}50%{box-shadow:0 0 30px #b6f500bb,0 0 0 9px #b6f50000,0 4px 14px #0008}}@keyframes rx-pulse{0%,to{opacity:.85}50%{opacity:1}}@keyframes rx-fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.rx-stage{min-height:400px}.rx-stage-controls{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){.rx-stage *,.rx-stage :before,.rx-stage :after{transition:none!important;animation:none!important}}