.packs-page{padding-top:clamp(28px,5vw,64px);padding-bottom:96px}.packs-page__title{margin:0}.packs-page__lead{max-width:560px;margin:12px 0 28px}.packs__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-bottom:16px;display:flex}.packs__streak{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.packs__days{gap:5px;display:flex}.packs__day{background:var(--line);border-radius:99px;width:22px;height:6px}.packs__day.is-on{background:var(--accent)}.packs__day.is-bonus{outline-offset:1px;outline:1px solid #f0b23a}.packs__day.is-bonus.is-on{background:#f0b23a}.packs__streaktext,.packs__left{color:var(--ink-2);font-size:14px}.packs__left b{color:var(--ink);font-weight:600}.packs__controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;margin-top:22px;display:flex}.packs__spin{min-width:220px}.packs__spin:disabled{opacity:.55;cursor:default}.packs__toggle{color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.packs__toggle select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:4px 8px}.packs__odds{color:var(--ink-3);flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:18px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.packs__odds b{color:var(--ink-2);font-weight:600}.packs__dot{background:var(--glow);vertical-align:1px;border-radius:99px;width:8px;height:8px;margin-right:7px;display:inline-block}.packs__dev{max-width:640px;color:var(--ink-3);text-align:center;margin:28px auto 0;font-size:14px}.packs__dev summary{cursor:pointer}.packs__devrow{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:12px;display:flex}.reel{--pack-w:158px;--pitch:182px;height:calc(var(--pack-w) * 1.78 + 40px);isolation:isolate;touch-action:pan-y;background:#0b0a10;border:1px solid #ffffff12;border-radius:24px;position:relative;overflow:hidden}@media (max-width:899px){.reel{--pack-w:140px;--pitch:164px}}@media (max-width:519px){.reel{--pack-w:116px;--pitch:130px;border-radius:18px}}.reel__glow{pointer-events:none;background:radial-gradient(26% 62%,#7d52f46b,#0000 72%),radial-gradient(60% 90%,#7d52f41a,#0000 80%);position:absolute;inset:0}.reel:before,.reel:after{content:"";z-index:30;pointer-events:none;width:16%;position:absolute;top:0;bottom:0}.reel:before{background:linear-gradient(90deg,#0b0a10,#0000);left:0}.reel:after{background:linear-gradient(270deg,#0b0a10,#0000);right:0}.reel__strip{left:0;top:calc(50% - var(--pack-w) * .7576);height:calc(var(--pack-w) * 1.5152);will-change:transform;position:absolute}.reel__item{width:var(--pack-w);will-change:transform, filter;transform-origin:50% 55%;position:absolute;top:0}.reel.is-locked .reel__item:not(.is-win){transition:opacity .45s;opacity:.16!important}.reel__item.is-win .pk{box-shadow:0 0 0 1px #ffffff59, 0 0 44px 4px color-mix(in srgb, var(--glow) 70%, transparent), 0 18px 40px #00000080}.reel__item.is-win .pk__shine{animation:1.1s ease-out pk-sweep}.reel__line{z-index:40;pointer-events:none;background:linear-gradient(#0000,#fff 10% 90%,#0000);width:2px;margin-left:-1px;position:absolute;top:14px;bottom:14px;left:50%;box-shadow:0 0 10px 1px #a58bffe6,0 0 2px #fff}.reel.is-pulse .reel__line{animation:.16s ease-out reel-pulse}.reel__tri{filter:drop-shadow(0 0 6px #a58bffe6);border:8px solid #0000;width:0;height:0;margin-left:-8px;position:absolute;left:50%}.reel__tri--top{border-top:11px solid #fff;border-bottom:0;top:-8px}.reel__tri--bottom{border-top:0;border-bottom:11px solid #fff;bottom:-8px}@keyframes reel-pulse{0%{box-shadow:0 0 18px 4px #a58bff,0 0 2px #fff}to{box-shadow:0 0 10px 1px #a58bffe6,0 0 2px #fff}}.pk{width:var(--pack-w,150px);aspect-ratio:.66;color:#fff;background:linear-gradient(165deg, var(--f1) 0%, var(--f2) 44%, var(--f3) 100%);border-radius:7px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3,0 18px 40px #00000080;container-type:inline-size}.pk__seal{z-index:2;background:linear-gradient(180deg, #ffffff4d, #00000047), repeating-linear-gradient(90deg, #ffffff24 0 1px, #00000024 1px 3px), var(--f2);height:9%;position:absolute;left:0;right:0}.pk__seal--top{top:0;box-shadow:0 1px #00000059}.pk__seal--bottom{bottom:0;box-shadow:0 -1px #00000059}.pk__face{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;padding:9cqw 6cqw 8cqw;display:flex;position:absolute;inset:9% 0}.pk__brand{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;opacity:.85;font-size:6.5cqw}.pk__emblem{aspect-ratio:1;background:radial-gradient(circle,#ffffff57,#ffffff0f 58%,#0000 70%);border-radius:50%;place-items:center;width:56cqw;display:grid}.pk__emblem svg{filter:drop-shadow(0 2px 6px #00000059);width:36cqw;height:auto}.pk__tier{font-family:var(--font-rail-display), var(--font-sans), sans-serif;text-transform:uppercase;letter-spacing:-.01em;text-shadow:0 2px 10px #00000059;font-size:12.5cqw;font-style:italic;font-weight:900;font-stretch:125%;line-height:1}.pk__meta{font-family:var(--font-mono);opacity:.78;font-size:6cqw}.pk__holo{z-index:3;pointer-events:none;opacity:.14;mix-blend-mode:color-dodge;background:conic-gradient(from 210deg at calc(var(--sx,.3) * 100%) calc(var(--sy,.2) * 100%), #ff6ad5, #c774e8, #ad8cff, #8795e8, #94d0ff, #7cf0d8, #ffe08a, #ff6ad5);position:absolute;inset:0}.pk--common .pk__holo{opacity:.06}.pk--legendary .pk__holo{opacity:.28}.pk__shine{z-index:4;pointer-events:none;mix-blend-mode:overlay;transform:translateX(calc((var(--sx,.5) - .5) * 70%));background:linear-gradient(105deg,#0000 40%,#ffffffbf 50%,#0000 60%);position:absolute;inset:-30%}@keyframes pk-sweep{0%{transform:translate(-60%)}to{transform:translate(60%)}}.po{z-index:100;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--glow) 20%, #0a0910), #050507 68%);place-items:center;animation:.35s ease-out po-in;display:grid;position:fixed;inset:0;overflow:hidden}@keyframes po-in{0%{opacity:0}}.po__stage{aspect-ratio:.66;width:min(62vw,290px,42vh);margin-top:-8vh;position:relative}.po__pack{position:absolute;inset:0}.po.is-idle .po__pack{animation:4s ease-in-out infinite po-float}@keyframes po-float{50%{transform:translateY(-10px)}}.po__tilt{width:100%;height:100%;transform-style:preserve-3d;cursor:grab;transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out;position:relative}.po__tilt.is-dragging{cursor:grabbing}.po .pk{width:100%}.po__body,.po__top{position:absolute;inset:0}.po__body{clip-path:inset(12.5% 0 0);transition:transform .6s cubic-bezier(.5,0,.8,.4),opacity .6s}.po__top{clip-path:inset(0 0 87.5%);transform-origin:0 12.5%;z-index:2;transform:translate(calc(var(--tear,0) * 8px), calc(var(--tear,0) * -12px)) rotate(calc(var(--tear,0) * -8deg));transition:transform .25s ease-out}.po__tilt.is-dragging .po__top{transition:none}.po__tilt.is-hint .po__top{animation:.5s ease-in-out po-hint}@keyframes po-hint{30%{transform:translate(4px,-6px)rotate(-4deg)}60%{transform:translate(1px,-2px)rotate(-1deg)}}.po__leak{z-index:1;height:2px;box-shadow:0 0 14px 4px var(--glow), 0 0 40px 10px color-mix(in srgb, var(--glow) 50%, transparent);opacity:var(--tear,0);transform:scaleX(var(--tear,0));transform-origin:0;background:#fff;border-radius:2px;transition:opacity .2s,transform .2s;position:absolute;top:12%;left:3%;right:3%}.po__guide{z-index:3;pointer-events:none;height:0;transition:opacity .2s;position:absolute;top:12.5%;left:8%;right:8%}.po__guide span{width:26px;height:6px;box-shadow:0 0 12px 2px var(--glow);background:#fff;border-radius:6px;animation:1.6s ease-in-out infinite po-guide;position:absolute;top:-3px;left:0}@keyframes po-guide{0%{opacity:0;left:0}15%{opacity:1}85%{opacity:1}to{opacity:0;left:calc(100% - 26px)}}.po:not(.is-idle) .po__guide,.po__tilt.is-dragging .po__guide{opacity:0}.po.is-charge .po__pack{animation:.9s linear both po-shake}@keyframes po-shake{0%{transform:none}10%{transform:translate(-1px)rotate(-.4deg)}20%{transform:translate(1px,-1px)rotate(.4deg)}30%{transform:translate(-2px,1px)rotate(-.8deg)}40%{transform:translate(2px)rotate(.8deg)}50%{transform:translate(-3px,-1px)rotate(-1.2deg)}60%{transform:translate(3px,1px)rotate(1.2deg)}70%{transform:translate(-4px)rotate(-1.6deg)scale(1.02)}80%{transform:translate(4px,-2px)rotate(1.6deg)scale(1.03)}90%{transform:translate(-5px,1px)rotate(-2deg)scale(1.04)}to{transform:translateY(-2px)scale(1.05)}}.po:is(.is-charge,.is-burst,.is-reveal,.is-done) .po__top{opacity:0;transition:transform .6s cubic-bezier(.3,.6,.3,1),opacity .6s;transform:translate(150%,-150%)rotate(52deg)}.po.is-charge .po__leak{opacity:1;height:4px;animation:.9s ease-in forwards po-leak;transform:none}@keyframes po-leak{to{box-shadow:0 0 24px 10px var(--glow), 0 -20px 80px 30px color-mix(in srgb, var(--glow) 70%, transparent)}}.po:is(.is-burst,.is-reveal,.is-done) .po__leak{opacity:0;transition:opacity .3s}.po:is(.is-burst,.is-reveal,.is-done) .po__body{opacity:0;transform:translateY(85%)scale(.92)}.po__rays{pointer-events:none;opacity:0;background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--glow) 38%, transparent) 0deg 5deg, transparent 5deg 15deg);width:180vmax;height:180vmax;margin:-90vmax 0 0 -90vmax;transition:opacity .9s;animation:22s linear infinite po-spin;position:absolute;top:42%;left:50%;-webkit-mask:radial-gradient(circle,#000 0%,#0000 42%);mask:radial-gradient(circle,#000 0%,#0000 42%)}.po.is-charge .po__rays{opacity:.35}.po:is(.is-burst,.is-reveal,.is-done) .po__rays{opacity:.85}.po--legendary:is(.is-burst,.is-reveal,.is-done) .po__rays{opacity:1;animation-duration:12s}@keyframes po-spin{to{transform:rotate(360deg)}}.po__flash{opacity:0;pointer-events:none;z-index:6;background:#fff;position:absolute;inset:0}.po.is-burst .po__flash{animation:.5s ease-out po-flash}@keyframes po-flash{0%{opacity:0}15%{opacity:.85}to{opacity:0}}.po--legendary.is-burst .po__stage{animation:.45s linear po-quake}@keyframes po-quake{25%{transform:translate(-6px,3px)}50%{transform:translate(5px,-4px)}75%{transform:translate(-3px,2px)}}.po__fx{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0}.po__card{z-index:4;opacity:0;pointer-events:none;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.9,.2,1),opacity .3s;position:absolute;inset:4% 7%;transform:translateY(30%)scale(.72)}.po:is(.is-burst,.is-reveal,.is-done) .po__card{opacity:1;transform:translateY(-6%)scale(.96)}.po:is(.is-reveal,.is-done) .po__card{transform:translateY(-8%)scale(1.06)}.pc{transform-style:preserve-3d;transition:transform .75s cubic-bezier(.3,1.25,.5,1);position:absolute;inset:0;transform:rotateY(180deg)}.po:is(.is-reveal,.is-done) .pc{transform:rotateY(0)}.pc__back,.pc__front{backface-visibility:hidden;border-radius:12px;position:absolute;inset:0;overflow:hidden}.pc__back{box-shadow:inset 0 0 0 2px #ffffff1f, 0 0 40px color-mix(in srgb, var(--glow) 45%, transparent);background:linear-gradient(160deg,#221a3c,#0b0a12);place-items:center;display:grid;transform:rotateY(180deg)}.pc__front{background:linear-gradient(165deg, var(--f1), var(--f2) 45%, var(--f3));box-shadow:0 0 70px 6px color-mix(in srgb, var(--glow) 55%, transparent), 0 24px 50px #0009;padding:5%}.pc__inner{text-align:center;color:#fff;background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--glow) 30%, #121019), #0c0b11 70%);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;padding:10% 8%;display:flex}.pc__tier{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--glow);font-size:12px}.pc__big{font-family:var(--font-rail-display), var(--font-sans), sans-serif;letter-spacing:-.02em;background:linear-gradient(180deg, #fff, var(--f1));color:#0000;-webkit-background-clip:text;background-clip:text;padding:0 .06em;font-size:clamp(44px,15vw,74px);font-style:italic;font-weight:900;font-stretch:125%;line-height:1}.pc__line{color:#ffffffe0;max-width:90%;font-size:15px;line-height:1.35}.pc__from{font-family:var(--font-mono);color:#ffffff80;margin-top:6px;font-size:10.5px}.pc__holo{pointer-events:none;opacity:0;mix-blend-mode:color-dodge;background:linear-gradient(115deg,#0000 20%,#ff6ad580 35%,#94d0ff80 50%,#7cf0d880 62%,#0000 78%) 0 0/250% 250%;background-position:calc(var(--sx,.5) * 100%) calc(var(--sy,.5) * 100%);position:absolute;inset:0}.po--epic .pc__holo{opacity:.35}.po--legendary .pc__holo{opacity:.55}.po__ui{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 6vh);z-index:7;text-align:center;justify-items:center;gap:12px;padding:0 20px;display:grid;position:absolute}.po__hint{color:#ffffffc7;margin:0;font-size:15px}.po__result{justify-items:center;gap:14px;animation:.45s cubic-bezier(.2,.9,.2,1) po-rise;display:grid}@keyframes po-rise{0%{opacity:0;transform:translateY(14px)}}.po__won{color:#fff;margin:0;font-size:17px;font-weight:500}.po__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (prefers-reduced-motion:reduce){.po.is-idle .po__pack,.po.is-charge .po__pack,.po__rays,.po__guide span,.po.is-burst .po__flash{animation:none}}.pk__logo{border-radius:22%;width:40cqw;height:40cqw;display:block;box-shadow:0 4px 14px #00000073,0 0 0 1px #ffffff2e}.pk--b-hype .pk__emblem{background:radial-gradient(circle,#5ff59c61,#5ff59c0f 58%,#0000 70%)}.pk--b-hype .pk__tier{color:#07150d;background:var(--tier);text-shadow:none;box-shadow:0 0 16px color-mix(in srgb, var(--tier) 55%, transparent);border-radius:99px;padding:2cqw 5cqw 1.6cqw;font-size:10.5cqw}.pk--b-hype .pk__holo{opacity:.1}.pk--b-hype.pk--legendary .pk__holo,.pk--b-hype.pk--epic .pk__holo{opacity:.22}.pc__from{align-items:center;gap:6px;display:inline-flex}.pc__logo{border-radius:4px;width:16px;height:16px}.packs--loading{background:var(--surface);border-radius:24px;min-height:420px}.packs__err{text-align:center;max-width:520px;color:var(--ink-2);margin:14px auto 0;font-size:14px}.packs-page__fine{max-width:720px;color:var(--ink-3);text-align:center;margin:40px auto 0;font-size:13px;line-height:1.6}.po__claim{justify-items:center;gap:12px;max-width:420px;display:grid}.po__note{color:#fffc;font-size:14px}.po__note b{color:#fff;font-family:var(--font-mono);letter-spacing:.04em}.po__terms{color:#fff9;max-width:380px;font-size:12.5px;line-height:1.5}.pv{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.pv__input{min-width:0;height:44px;font:inherit;color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;flex:200px;padding:0 14px;font-size:15px}.pv__input:focus{outline:2px solid var(--accent);outline-offset:1px}.pv__link{color:#ffffffa6;font:inherit;cursor:pointer;background:0 0;border:0;flex-basis:100%;font-size:13px;text-decoration:underline}.pv__err{color:#ffb4b4;text-align:center;flex-basis:100%;margin:0;font-size:13px}.ypacks .pv__input{color:var(--ink);background:var(--surface);border-color:var(--line)}.ypacks .pv__err{color:var(--danger,#d4483b)}.ypacks .pv__link{color:var(--ink-3)}.ypacks{max-width:720px;margin:48px auto 0}.ypacks__h{font-family:var(--font-rail-serif), Georgia, serif;letter-spacing:-.02em;margin:0 0 14px;font-size:28px;font-weight:400}.ypacks__lock{background:var(--accent-soft-2);border:1px solid var(--line);color:var(--ink-2);border-radius:14px;justify-items:start;gap:10px;margin-bottom:12px;padding:14px 16px;font-size:14px;display:grid}.ypacks__list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.ypacks__row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 2px;display:flex}.ypacks__row .packs__dot{flex:none;margin:0}.ypacks__what{min-width:0;color:var(--ink);flex:1;font-size:15px}.ypacks__what b{font-weight:600}.ypacks__what small{color:var(--ink-3);font-size:12.5px;display:block}.ypacks__status{color:var(--ink-3);white-space:nowrap;font-size:13px}.ypacks__row.is-locked .ypacks__status{color:var(--accent-ink)}.ypacks__row.is-expired{opacity:.55}.packs-band{color:#fff;isolation:isolate;background:#0b0a10;border:1px solid #ffffff12;border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;padding:clamp(28px,4vw,56px);display:grid;position:relative;overflow:hidden}.packs-band:before{content:"";z-index:-1;background:radial-gradient(40% 70% at 74%,#7d52f46b,#0000 72%);position:absolute;inset:0}.packs-band .eyebrow{color:#fff9}.packs-band__title{color:#fff;margin:0}.packs-band__lead{color:#ffffffb8;max-width:480px;margin:14px 0 0}.packs-band__cta{margin-top:24px}.packs-band__odds{color:#ffffff8c;justify-content:flex-start;margin-top:18px}.packs-band__odds b{color:#ffffffd9}.packs-band__fan{height:calc(var(--pack-w) * 1.65);--pack-w:clamp(118px, 13vw, 168px);display:block;position:relative}.packs-band__pack{width:var(--pack-w);margin:calc(var(--pack-w) * -.7576) 0 0 calc(var(--pack-w) * -.5);transition:transform .35s cubic-bezier(.2,.9,.2,1);position:absolute;top:50%;left:50%}.packs-band__pack--0{filter:brightness(.8);transform:translate(-62%)rotate(-11deg)scale(.88)}.packs-band__pack--1{z-index:2;animation:4s ease-in-out infinite po-float;transform:translateY(-4%)}.packs-band__pack--2{filter:brightness(.8);transform:translate(62%)rotate(11deg)scale(.88)}.packs-band__pack--1 .pk{box-shadow:inset 0 0 0 1px #ffffff4d, 0 0 44px 4px color-mix(in srgb, var(--glow) 55%, transparent), 0 22px 44px #0000008c}.packs-band__fan:hover .packs-band__pack--0{transform:translate(-72%)rotate(-15deg)scale(.88)}.packs-band__fan:hover .packs-band__pack--2{transform:translate(72%)rotate(15deg)scale(.88)}@media (max-width:860px){.packs-band{text-align:center;grid-template-columns:1fr}.packs-band__lead{margin-inline:auto}.packs-band__odds{justify-content:center}.packs-band__fan{--pack-w:112px;order:-1}}@media (prefers-reduced-motion:reduce){.packs-band__pack--1{animation:none}}