:root{--s2-ease:cubic-bezier(.2, .8, .2, 1);--s2-dur-fast:.15s;--s2-dur:.3s;--s2-dur-enter:.5s}@keyframes s2-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes s2-fade{0%{opacity:0}}.s2-page>*{animation:.5s cubic-bezier(.2,.8,.2,1) backwards s2-rise}.s2-page>:nth-child(2){animation-delay:50ms}.s2-page>:nth-child(3){animation-delay:.1s}.s2-page>:nth-child(4){animation-delay:.15s}.s2-page>:nth-child(5){animation-delay:.2s}.s2-page>:nth-child(6){animation-delay:.25s}.s2-page>:nth-child(7){animation-delay:.3s}.s2-page>:nth-child(n+8){animation-delay:.34s}:root[data-s2-quiet-enter] .s2-page>*,:root[data-s2-quiet-enter] .s2-deal>*,:root[data-s2-quiet-enter] .s2k-bar>i{animation:none}.s2-deal>*{animation:.45s cubic-bezier(.2,.8,.2,1) backwards s2-rise;animation-delay:calc(min(var(--i,0), 12) * 45ms + .12s)}@keyframes s2-fill{0%{transform:scaleX(0)}}.s2-progress-bar>i,.s2k-bar>i{transform-origin:0;animation:.9s cubic-bezier(.2,.8,.2,1) .25s backwards s2-fill}.s2-progress-bar>i{position:relative;overflow:hidden}.s2-progress-bar>i:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);animation:2.4s ease-in-out 1.2s both s2-glint;position:absolute;inset:0;transform:translate(-100%)}@keyframes s2-glint{to{transform:translate(100%)}}.s2-btn{transition:background .15s,border-color .15s,transform .15s,box-shadow .2s,filter .15s}.s2-btn:hover:not(:disabled){transform:translateY(-1px)}.s2-btn:active:not(:disabled){transition-duration:60ms;transform:translateY(1px)scale(.985)}@media (hover:none){.s2-btn:hover:not(:disabled):not(:active){transform:none}}.s2-btn[data-kind=primary]{box-shadow:0 6px 22px -10px #f7d774b3}.s2-btn[data-kind=primary]:hover:not(:disabled){box-shadow:0 10px 30px -10px #f7d774e6}.s2-btn[data-kind=primary]{background-image:linear-gradient(100deg, transparent 35%, #ffffff80 50%, transparent 65%), linear-gradient(180deg, var(--s2-gold), var(--s2-gold-2));background-position:130% 0,0 0;background-repeat:no-repeat;background-size:250% 100%,100% 100%;transition:background-position .7s cubic-bezier(.2,.8,.2,1),transform .15s,box-shadow .2s,filter .15s}.s2-btn[data-kind=primary]:hover:not(:disabled){background-position:-30% 0,0 0}.s2-btn:not([data-kind=primary]):hover:not(:disabled){background:#f4f1ea0a}.s2-tabs a{transition:color .15s,border-color .2s}.s2-tabs a:hover{color:var(--s2-ink)}.s2-more span[aria-hidden]{transition:transform .2s}.s2-more:hover span[aria-hidden]{transform:translate(3px)}@keyframes s2-toast{0%{opacity:0;transform:translateY(-8px)scale(.98)}}.s2k-flash,[role=status].s2-toast,.s2-toast{animation:.35s cubic-bezier(.2,.8,.2,1) backwards s2-toast}.s2-count{font-variant-numeric:tabular-nums}.s2-empty{border-style:solid;border-color:var(--s2-line);background:radial-gradient(420px 220px at 50% 0,#f7d77412,#0000 70%),linear-gradient(#15151b99,#0a0a0d33);position:relative;overflow:hidden}.s2-empty-art{place-items:center;width:112px;height:112px;margin-bottom:4px;display:grid;position:relative}.s2-empty-art:before,.s2-empty-art:after{content:"";border:1px solid #f7d77447;border-radius:50%;position:absolute;inset:0}.s2-empty-art:after{border-style:dashed;border-color:#6fc3e833;animation:30s linear infinite s2-orbit;inset:14px}.s2-empty-art>i{background:conic-gradient(from 0deg, transparent 0 78%, #f7d7748c 90%, transparent 100%);border-radius:50%;animation:6s linear infinite s2-orbit;position:absolute;inset:-6px;-webkit-mask:radial-gradient(circle,#0000 64%,#000 66% 70%,#0000 72%);mask:radial-gradient(circle,#0000 64%,#000 66% 70%,#0000 72%)}.s2-empty-art>img{object-fit:contain;filter:drop-shadow(0 8px 18px #00000080);width:74px;height:74px;animation:4s ease-in-out infinite s2-bob;position:relative}.s2-empty-art>svg{width:52px;height:52px;color:var(--s2-gold);animation:4s ease-in-out infinite s2-bob;position:relative}@keyframes s2-orbit{to{transform:rotate(360deg)}}@keyframes s2-bob{50%{transform:translateY(-5px)}}.s2-skel{flex-direction:column;gap:28px;display:flex}.s2-skel i{border-radius:var(--s2-r-lg);background:linear-gradient(100deg, #f4f1ea0a 30%, #f4f1ea17 50%, #f4f1ea0a 70%) 0 0 / 300% 100%, var(--s2-panel);border:1px solid var(--s2-line);animation:1.6s linear infinite s2-shimmer;display:block}.s2-skel [data-k=kicker]{border:0;width:180px;height:12px}.s2-skel [data-k=title]{width:min(520px,80%);height:72px}.s2-skel [data-k=sub]{border:0;width:min(760px,90%);height:16px}.s2-skel-row{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.s2-skel-row i{height:180px}.s2-skel [data-k=wide]{height:260px}@keyframes s2-shimmer{to{background-position:-150% 0,0 0}}.s2-skel-pack{place-items:center;min-height:100dvh;display:grid}.s2-skel-pack i{border-radius:14px;width:240px;height:350px}.s2-skel-packart{aspect-ratio:240/352;width:240px;animation:3.2s ease-in-out infinite s2-skel-float;display:block;position:relative;-webkit-mask:url(/art/packs/dynasty/front-530.webp) 50%/contain no-repeat;mask:url(/art/packs/dynasty/front-530.webp) 50%/contain no-repeat}.s2-skel-packart img{object-fit:contain;opacity:.85;filter:saturate(.8)drop-shadow(0 30px 60px #0009);width:100%;height:100%}.s2-skel-packart:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff38 50%,#0000 70%) 0 0/300% 100%;animation:1.6s linear infinite s2-shimmer;position:absolute;inset:0}@keyframes s2-skel-float{0%,to{translate:0}50%{translate:0 -8px}}@media (prefers-reduced-motion:reduce){.s2-skel-packart,.s2-skel-packart:after{animation:none}}.s2-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:where(.s2-page) a.s2-panel,:where(.s2-page) a[class*=-tile],:where(.s2-page) a.s2j-mode,:where(.s2-page) a.s2l-row,:where(.s2-page) a[class*=-card]:not(.s2-btn){transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .2s,filter .2s}:where(.s2-page) a.s2-panel:hover,:where(.s2-page) a[class*=-tile]:hover,:where(.s2-page) a.s2j-mode:hover,:where(.s2-page) a[class*=-card]:not(.s2-btn):hover{filter:brightness(1.06);border-color:#f7d7748c;transform:translateY(-4px);box-shadow:0 22px 44px -22px #f7d77473,inset 0 0 0 1px #f7d7742e}:where(.s2-page) a.s2l-row:hover{border-color:#f7d77473;transform:translate(3px)}:where(.s2-page) a.s2-panel:active,:where(.s2-page) a[class*=-tile]:active{transform:translateY(-1px)scale(.99)}.s2-page .s2-deal>li>a img,.s2-page a[class*=-card] img{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.s2-page .s2-deal>li>a:hover img,.s2-page a[class*=-card]:hover img{transform:scale(1.04)}@keyframes s2-pop{0%{opacity:0;transform:translateY(8px)scale(.86)}65%{opacity:1;transform:translateY(0)scale(1.06)}to{transform:none}}.s2-stat .s2-num{animation:.6s cubic-bezier(.2,.8,.2,1) .18s backwards s2-pop;display:inline-block}.s2-stat:nth-child(2) .s2-num{animation-delay:.28s}.s2-stat:nth-child(3) .s2-num{animation-delay:.38s}.s2-stat:nth-child(4) .s2-num{animation-delay:.48s}@keyframes s2-claim{0%,to{box-shadow:0 0 #f7d7748c,0 6px 22px -10px #f7d774b3}50%{box-shadow:0 0 0 7px #f7d77400,0 10px 30px -8px #f7d774f2}}.s2-nav-claim,.s2c-cell-claim,.s2j-claim,.s2-btn[data-claim],.s2c-cell[data-state=available]{animation:2s ease-in-out infinite s2-claim}.s2c-cell[data-state=available]{border-color:var(--s2-gold)!important}.s2-nav-claim svg{transform-origin:50% 80%;animation:3.2s ease-in-out infinite s2-wiggle}@keyframes s2-wiggle{0%,82%,to{transform:rotate(0)}86%{transform:rotate(-14deg)}90%{transform:rotate(12deg)}94%{transform:rotate(-6deg)}}@keyframes s2-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}[data-live]>i:first-child,.s2-live-dot{animation:1.4s ease-in-out infinite s2-live}@keyframes s2-flash-pop{0%{opacity:0;transform:translateY(-10px)scale(.94)}55%{opacity:1;transform:translateY(0)scale(1.02)}to{transform:none}}@keyframes s2-flash-sweep{to{transform:translate(120%)}}@keyframes s2-confetti{0%{opacity:1;transform:translate(-50%)scale(.15)}70%{opacity:1}to{opacity:0;transform:translate(-50%,40px)scale(1)rotate(25deg)}}.s2k-flash[data-tone=gold],.s2c-flash:not([data-err]){isolation:isolate;animation:.55s cubic-bezier(.2,.8,.2,1) backwards s2-flash-pop;position:relative;overflow:visible;box-shadow:0 0 0 1px #f7d77440,0 14px 40px -14px #f7d774a6;border:1px solid var(--s2-gold)!important;background:linear-gradient(100deg,#f7d77438,#15151be6 70%)!important}.s2k-flash[data-tone=gold]:before,.s2c-flash:not([data-err]):before{content:"";pointer-events:none;z-index:2;background:0 0;border-radius:2px;width:7px;height:7px;animation:1.3s cubic-bezier(.15,.7,.3,1) .15s both s2-confetti;position:absolute;top:50%;left:50%;box-shadow:-180px -60px #f7d774,-140px -90px #6fc3e8,-90px -110px #ff7a66,-40px -120px #f7d774,10px -118px #6fe3a1,60px -112px #f7d774,110px -96px #c59cff,160px -70px #6fc3e8}.s2k-flash[data-tone=gold]:after,.s2c-flash:not([data-err]):after{content:"";pointer-events:none;z-index:2;background:0 0;border-radius:2px;width:6px;height:10px;animation:1.5s cubic-bezier(.15,.7,.3,1) .25s both s2-confetti;position:absolute;top:50%;left:50%;box-shadow:200px -30px #f7d774,-210px -10px #6fe3a1,-120px -40px #fff,130px -40px #fff,-60px -70px #c59cff,80px -60px #ff7a66,220px 10px #f7d774,-230px 30px #ff7a66}.s2-cele{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;background:radial-gradient(800px 500px at 50% 45%,#f7d77429,#0a0a0dc7 70%);place-items:center;transition:opacity .35s ease-in;animation:.25s ease-out backwards s2-fade;display:grid;position:fixed;inset:0}.s2-cele[data-out]{opacity:0}.s2-cele-rain{pointer-events:none;position:absolute;inset:0;overflow:hidden}.s2-cele-rain i{top:-20px;left:var(--x);width:var(--s);height:calc(var(--s) * 1.6);background:var(--c);opacity:0;animation:s2-cele-fall var(--t) cubic-bezier(.25, .6, .4, 1) var(--d) forwards;border-radius:2px;position:absolute}@keyframes s2-cele-fall{0%{opacity:1;transform:translate(0,0)rotate(0)}to{opacity:.9;transform:translate3d(var(--dx), 105vh, 0) rotate(calc(var(--r) * 3))}}.s2-cele-card{text-align:center;border:1px solid var(--s2-gold);border-radius:var(--s2-r-lg,10px);background:linear-gradient(#141c3ef5,#0a0a0df5);flex-direction:column;align-items:center;gap:8px;max-width:min(560px,100vw - 32px);padding:34px 56px 30px;animation:.6s cubic-bezier(.2,.9,.25,1.25) 50ms backwards s2-cele-pop;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #f7d77440,0 30px 80px -20px #f7d7748c}@keyframes s2-cele-pop{0%{opacity:0;transform:scale(.6)translateY(20px)}to{opacity:1;transform:none}}.s2-cele-rays{z-index:-1;background:conic-gradient(from 0deg, transparent 0 8%, #f7d77424 10%, transparent 12% 24%, #f7d7741a 26%, transparent 28% 40%, #f7d77424 42%, transparent 44% 56%, #f7d7741a 58%, transparent 60% 72%, #f7d77424 74%, transparent 76% 88%, #f7d7741a 90%, transparent 92%);animation:9s linear infinite s2-orbit;position:absolute;inset:-60%}.s2-cele-card small{font-family:var(--s2-f-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--s2-gold);font-size:11px}.s2-cele-card b{font-family:var(--s2-f-display);color:var(--s2-gold);text-shadow:0 0 30px #f7d7748c;font-size:clamp(40px,6vw,72px);font-weight:400;line-height:.95}.s2-cele-card span:not(.s2-cele-rays){font-family:var(--s2-f-display);color:var(--s2-ink);animation:.5s cubic-bezier(.2,.8,.2,1) backwards s2-pop;animation-delay:calc(.35s + var(--i) * .12s);font-size:clamp(20px,2.4vw,30px)}@media (prefers-reduced-motion:reduce){.s2-cele-rain{display:none}.s2-btn:hover:not(:disabled),:where(.s2-page) a.s2-panel:hover,:where(.s2-page) a[class*=-tile]:hover,:where(.s2-page) a[class*=-card]:hover{transform:none}}.s2-cta-row{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.s2-cta-discord{align-items:center;gap:8px;display:inline-flex;box-shadow:0 8px 22px -12px #5865f2e6;color:#fff!important;background:#5865f2!important;border-color:#5865f2!important}.s2-cta-discord:hover{filter:brightness(1.08)}.s2-cta-x{align-items:center;display:inline-flex}.s2-linkpend{border:2.5px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite s2-linkspin;display:none}.s2-linkpend[data-on]{display:inline-block}a:has(>.s2-linkpend[data-on]){opacity:.85;cursor:progress}@keyframes s2-linkspin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.s2-linkpend{animation-duration:2s}}.s2k-flash[data-tone=gold]:before,.s2c-flash:not([data-err]):before,.s2k-flash[data-tone=gold]:after,.s2c-flash:not([data-err]):after{opacity:0}@media (prefers-reduced-motion:reduce){.s2k-flash[data-tone=gold]:before,.s2c-flash:not([data-err]):before,.s2k-flash[data-tone=gold]:after,.s2c-flash:not([data-err]):after{display:none}.s2-btn:active:not(:disabled){transform:none}}
