.pack-opener{--tk:#121417;--pack-k:.9;color:var(--foreground);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}html:has(.pack-opener){overscroll-behavior:none;overflow:hidden}.pack-opener:not([data-placed]){visibility:hidden}.pack-opener:not([data-placed]) .pack-crumple{display:none}@media (max-width:1023px){.pack-opener{--pack-k:.765}}.pack-status{z-index:25;text-align:center;width:max-content;max-width:calc(100% - 32px);left:0;right:0;top:calc(50% + 210px * var(--fit,1) * var(--pack-k) + 26px);font:500 14px/1.3 var(--font-fredoka), sans-serif;letter-spacing:.04em;flex-direction:column;align-items:center;gap:6px;margin:auto;display:flex;position:absolute}.pack-status p{justify-content:center;align-items:center;margin:0;display:flex}.pack-status .pack-open{cursor:pointer;font:500 21px/1 var(--font-fredoka), sans-serif;letter-spacing:.04em;color:#0000;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(110deg, var(--main) 40%, color-mix(in srgb, var(--main) 25%, #fff) 50%, var(--main) 60%);margin-bottom:12px;transition:scale .2s,opacity .2s;animation:4s ease-in-out infinite open-glint}@keyframes open-glint{0%{background-position:100% 0}60%,to{background-position:0 0}}@media (hover:hover){.pack-status .pack-open:not(.off):hover{scale:1.08}}.pack-status .pack-open.off{cursor:default;opacity:.35;background-position:0 0;animation:none}.pack-status .pack-open.empty{cursor:default;opacity:.26;background-position:0 0;font-size:16px;animation:none}.pack-count [role=status]{font-variant-numeric:tabular-nums;min-width:10ch;position:relative}.pack-gain{color:var(--main);text-shadow:0 2px 0 var(--tk);pointer-events:none;font-size:22px;font-weight:600;animation:1.2s ease-out forwards pack-gain;position:absolute;bottom:100%;left:50%;translate:-50%}@keyframes pack-gain{0%{opacity:0;translate:-50% 12px;scale:.4}20%{opacity:1;translate:-50% -4px;scale:1.25}35%{scale:1}75%{opacity:1}to{opacity:0;translate:-50% -30px}}.pack-count{color:color-mix(in srgb, var(--foreground) 90%, transparent);gap:10px}.pack-status .pack-error{white-space:nowrap;letter-spacing:.02em;color:#fff;opacity:.85;min-height:1.3em;margin-top:-3px;font-size:12px}.pack-timer{font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--foreground) 65%, transparent);gap:6px;font-size:13px}.pack-timer svg{width:15px;height:15px;color:var(--ornament)}.pack-extras{flex-direction:column;align-items:center;gap:14px;margin-top:8px;display:flex;position:relative}.pack-status .pack-refill{text-align:left;border:1px solid var(--main);height:auto;box-shadow:none;opacity:1;font:500 13px/1.2 var(--font-fredoka), sans-serif;letter-spacing:.04em;background:#000;grid-template-columns:auto auto;align-items:center;gap:1px 18px;padding:6px 12px;display:grid;position:relative;translate:none}@property --refill-halo{syntax:"<angle>";inherits:false;initial-value:0deg}.pack-status .pack-refill:not(.off):not(.paid):not(.claimed):after{content:"";border-radius:inherit;background:conic-gradient(from var(--refill-halo), transparent 0deg, color-mix(in srgb, var(--main) 55%, #fff) 40deg, var(--main) 70deg, transparent 130deg, transparent 360deg);-webkit-mask-composite:xor;pointer-events:none;filter:blur(2px);padding:4px;animation:7s linear infinite refill-halo;position:absolute;inset:-4px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes refill-halo{to{--refill-halo:360deg}}.pack-status .pack-refill.off{opacity:.5}.pack-refill.off .pack-refill-free{animation:none}.pack-refills{flex-direction:column;align-items:center;display:flex}.pack-status .pack-refill.claimed{animation:.2s ease-out forwards refill-out}@keyframes refill-out{to{opacity:0;transform:scale(1.2)}}@media (min-width:1024px){.pack-extras{margin-top:22px}}.pack-refill-packs{opacity:.65;grid-area:2/1;font-size:11px}.pack-refill-free{text-align:center;font-variant-numeric:tabular-nums;color:#0000;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(110deg, var(--main) 40%, color-mix(in srgb, var(--main) 35%, #fff) 50%, var(--main) 60%);grid-area:1/2/span 2;font-size:16px;line-height:1.1;animation:4s ease-in-out infinite open-glint}.pack-refill-free small{font-size:10px}@property --lucky-glint{syntax:"<length>";inherits:true;initial-value:0}.pack-extras,.pack-opener.lucky .reveal-controls{animation:2.6s linear infinite lucky-glint}.reveal-controls:has(.reveal-main.gotcha){animation:2.6s linear infinite lucky-glint}@keyframes lucky-glint{to{--lucky-glint:520px}}.pack-67,.pack-opener.lucky .reveal-dots button,.reveal-dots li.bonus button,.pack-opener.lucky :is(.reveal-more:enabled,.reveal-wait:enabled,.reveal-main),.pack-opener .reveal-main.gotcha{color:var(--tk);opacity:1;background:linear-gradient(115deg, transparent 40%, #ffffffe6 50%, transparent 60%) var(--lucky-glint) 0 / 520px 100% fixed, repeating-linear-gradient(115deg, #e39c00 0, #ffd23a 8px, #fff3b0 13px, #ffc61a 18px, #e39c00 26px) fixed;transition-property:translate,scale,box-shadow,filter}.pack-extras:has(.pack-refills){flex-direction:row}.pack-67-wrap{align-items:center;display:flex;position:relative}.pack-67{cursor:pointer;border:2px solid var(--tk);width:46px;height:46px;box-shadow:inset 0 2px 0 #ffffffb3, inset 0 -3px 0 #78460059, 0 4px 0 var(--tk), 0 0 16px color-mix(in srgb, var(--lucky) 55%, transparent);border-radius:12px;place-items:center;padding:0;transition:translate .1s,box-shadow .1s,filter .2s;display:grid;position:relative}.pack-67-icon{width:36px;height:36px}@media (hover:hover){.pack-67:not(.off):hover{filter:brightness(1.1)}}.pack-67:not(.off):active{box-shadow:inset 0 2px 0 #ffffffb3, inset 0 -3px 0 #78460059, 0 1px 0 var(--tk), 0 0 16px color-mix(in srgb, var(--lucky) 55%, transparent);translate:0 3px}.pack-67.off{filter:grayscale()brightness(.6);box-shadow:inset 0 2px 0 #ffffffb3, inset 0 -3px 0 #78460059, 0 4px 0 var(--tk)}.pack-67:disabled{cursor:default}.pack-67-count{border:2px solid var(--tk);background:var(--foreground);min-width:21px;height:21px;color:var(--tk);text-shadow:none;font:600 12px/1 var(--font-fredoka), sans-serif;font-variant-numeric:tabular-nums;border-radius:11px;place-items:center;padding:0 5px;display:grid;position:absolute;top:-10px;right:-10px}.pack-67-count:empty{display:none}.pack-67 .pack-gain{color:var(--lucky)}.pack-67-bubble{z-index:30;width:68px;position:absolute;top:0;left:calc(100% + 10px)}.pack-67-bubble.above{left:calc(50% - 34px + var(--bubble-shift));top:auto;bottom:calc(100% + 10px)}.pack-67-bubble-box{box-sizing:border-box;letter-spacing:normal;background:var(--secondary-background);height:46px;box-shadow:0 3px 0 var(--tk);border-radius:10px;flex-direction:column;align-items:center;padding:3px;animation:.25s cubic-bezier(.3,1.8,.5,1) bubble-in;display:flex;position:relative}.pack-67-stepper{flex-direction:column;justify-content:space-between;align-items:center;gap:4px;height:100%;display:flex}.pack-67-step{align-items:center;gap:4px;display:flex}.pack-67-step-button{cursor:pointer;width:16px;height:18px;color:var(--tk);border:2px solid var(--tk);box-shadow:0 2px 0 var(--tk);background:linear-gradient(#ffd23a,#eca400);border-radius:6px;place-items:center;padding:0;transition:translate .1s,box-shadow .1s,filter .2s;display:grid}.pack-67-step-button svg{stroke-width:3.5px;width:12px;height:12px}@media (hover:hover){.pack-67-step-button:not(:disabled):hover{filter:brightness(1.08)}}.pack-67-step-button:not(:disabled):active{box-shadow:0 0 0 var(--tk);translate:0 2px}.pack-67-step-button:disabled{opacity:.4;cursor:default}.pack-67-step-count{text-align:center;min-width:14px;font:600 12px/1 var(--font-fredoka), sans-serif;font-variant-numeric:tabular-nums}.pack-67-price{width:100%;display:flex}.pack-67-refill{background:var(--shop-gold);color:var(--shop-gold-foreground)}.pack-67-discount{pointer-events:none;white-space:nowrap;font-variant-numeric:normal;letter-spacing:-.03em;border-width:2px;border-radius:6px;padding:0 4px;font:700 13px/1.3 ui-sans-serif,system-ui,sans-serif;position:absolute;bottom:calc(100% + 5px);left:50%;translate:-50%}@keyframes bubble-in{0%{opacity:0;scale:.6}}.pack-opener:is([data-step=opening],[data-step=cards]) :is(.pack-status,.pack-help){opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s linear .5s}.pack-status-sprig{aspect-ratio:198/80;flex:none;width:40px}.pack-status-sprig.left{scale:-1 1}.reveal-controls{z-index:25;width:max-content;left:0;right:0;top:calc(50% + var(--card-dy,0px) + 210px * var(--card-fit,1) + 16px);flex-direction:column;align-items:center;gap:14px;margin:auto;display:flex;position:absolute}.reveal-nav{grid-template-columns:44px 44px;grid-template-areas:"dots dots""prev next";place-items:center;gap:12px 18px;display:grid}.reveal-prev{grid-area:prev}.reveal-next{grid-area:next}.reveal-dots{grid-area:dots;gap:9px;margin:0;padding:0;list-style:none;display:flex}.reveal-dots li{display:flex}.reveal-dots button{background:var(--secondary-background);width:11px;height:11px;box-shadow:0 0 0 2px var(--border);cursor:pointer;border:0;border-radius:50%;padding:0;transition:background .2s,scale .2s}.reveal-dots button.on{background:var(--ornament);scale:1.3}.reveal-dots button:disabled:not(.on){cursor:default;opacity:.5}.pack-opener.lucky .reveal-dots button{box-shadow:0 0 0 2px var(--border), 0 0 8px color-mix(in srgb, var(--lucky) 60%, transparent)}.pack-opener.lucky .reveal-dots button.on{box-shadow:0 0 0 2px var(--border), 0 0 0 3.5px #fff, 0 0 12px 3px var(--lucky);scale:1.45}.pack-opener.lucky .reveal-dots li:not(.bonus) button:disabled:not(.on){opacity:.6}.reveal-dots li.bonus{position:relative}.pack-opener .reveal-dots li.bonus button{animation:2s backwards bonus-dot}.pack-opener .reveal-dots li.bonus button:not(.on){opacity:1;box-shadow:0 0 0 2px var(--border), 0 0 14px 4px var(--lucky)}@keyframes bonus-dot{0%{filter:brightness(.35);scale:0}10%{filter:brightness(.45);translate:0;scale:.45}20%{translate:-1px}28%{translate:1px}36%{translate:-1.5px .5px}44%{translate:1.5px -.5px}52%{filter:brightness();translate:-2px;scale:.75}58%{translate:2.5px .5px}64%{filter:brightness(1.7);translate:-2.5px -.5px;scale:.85}70%{filter:brightness(2.4);animation-timing-function:cubic-bezier(.1,.9,.2,1);translate:0;scale:.4}80%{filter:brightness(3);scale:4}to{filter:none;scale:1}}.reveal-dots li.bonus:before,.reveal-dots li.bonus:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle closest-side, transparent 74%, var(--lucky) 86%, #fff 92%, transparent);mix-blend-mode:plus-lighter;border-radius:50%;animation:1s ease-out 1.4s bonus-ring;position:absolute;inset:0}.reveal-dots li.bonus:after{animation-delay:1.58s}@keyframes bonus-ring{0%{opacity:1;scale:1}to{opacity:0;scale:60}}.reveal-controls>.bonus{animation:.5s cubic-bezier(.3,1.8,.5,1) 1.4s backwards bonus-in,.6s ease-in-out 1.9s infinite alternate bonus-pulse}@keyframes bonus-in{0%{opacity:0;scale:.3}}@keyframes bonus-pulse{to{filter:brightness(1.15);scale:1.06}}.reveal-main,.reveal-wait{min-width:180px}.reveal-main{transition:none}.reveal-main:not(.continue),.reveal-more{display:none}.reveal-main.gotcha .reveal-main-label{display:inline}.pack-opener .reveal-main.gotcha{box-shadow:inset 0 2px 0 #ffffffb3, inset 0 -3px 0 #78460059, 0 4px 0 var(--tk), 0 0 16px color-mix(in srgb, var(--lucky) 55%, transparent)}.reveal-share{animation:.3s ease-out reveal-share}.reveal-share:is(:disabled,[data-disabled]){display:none}@keyframes reveal-share{0%{opacity:0;translate:0 -6px}}.reveal-share.shine{position:relative;overflow:hidden}.reveal-share.shine:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffffbf 50%,#0000 70%);width:100%;animation:4s ease-in-out infinite share-glint;position:absolute;top:0;bottom:0;left:0}@keyframes share-glint{0%{translate:-100%}60%,to{translate:100%}}@media (max-width:1023px){.reveal-controls{top:calc(50% + var(--card-dy,0px) + 210px * var(--card-fit,1));grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"dots dots""side main";align-content:center;gap:12px 8px;width:min(100% - 40px,400px);display:grid;bottom:0}.reveal-nav{display:contents}.reveal-nav>button,.reveal-wait{display:none}.reveal-dots{grid-area:dots;justify-self:center;gap:11px}.reveal-dots button{width:14px;height:14px}.reveal-main,.reveal-main:not(.continue){grid-area:main;min-width:0;height:48px;display:flex}.reveal-main-label{display:none}.reveal-main svg{width:20px;height:20px}.reveal-more,.reveal-share,.reveal-share:is(:disabled,[data-disabled]){grid-area:side;height:48px;font-size:15px;display:flex}.reveal-share{animation:none}}.tip{z-index:26;pointer-events:none;text-align:center;border:2px solid var(--border);width:max-content;max-width:210px;color:var(--tk);box-shadow:0 3px 0 var(--border);font:500 14px/1.25 var(--font-fredoka), sans-serif;letter-spacing:.02em;background:#fff;border-radius:10px;margin:0;padding:8px 12px;animation:.3s ease-out backwards tip-in,3.4s ease-in-out .3s infinite alternate tip-float;position:absolute}.tip:after{content:"";background:inherit;border:solid var(--border);border-width:0 2px 2px 0;width:10px;height:10px;position:absolute;bottom:-7px;left:calc(50% - 6px);rotate:45deg}@keyframes tip-in{0%{opacity:0;scale:.8}}@keyframes tip-float{0%{transform:translateY(2.5px)}to{transform:translateY(-2.5px)}}.tip-pack{left:50%;bottom:calc(50% + 210px * var(--fit,1) * var(--pack-k) + 22px);translate:-50%}.tip-flip{z-index:6;bottom:64px;right:6px}.tip-flip:after{left:auto;right:20px}.tip-share{max-width:170px;bottom:-4px;left:calc(50% + 78px)}.tip-share:after{border-width:0 0 2px 2px;bottom:calc(50% - 6px);left:-7px}@media (max-width:1023px){.tip-share{grid-area:side;bottom:calc(100% + 12px);left:50%;translate:-50%}.tip-share:after{border-width:0 2px 2px 0;bottom:-7px;left:calc(50% - 6px)}}.tip-browse{z-index:6;pointer-events:none;color:#fff;text-align:center;font:500 14px/1.2 var(--font-fredoka), sans-serif;letter-spacing:.02em;background:#121417e0;border-radius:16px;grid-template-columns:3fr 7fr;margin:0;animation:.3s ease-out .6s backwards tip-in,.4s ease-in 5s forwards tip-out;display:grid;position:absolute;inset:0}.tip-browse span{overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0 4px;animation:3.4s ease-in-out infinite alternate tip-float;display:flex}.tip-browse span+span{border-left:2px dashed #ffffff73}.tip-browse svg{width:26px;height:26px}.tip-browse svg+svg{width:40px;height:40px;margin-bottom:6px}.tip-browse span:first-child svg+svg{scale:-1 1}.tip-browse small{opacity:.75;font-size:12px}@keyframes tip-out{to{opacity:0}}.pack-opener.empty .pack{cursor:default;filter:grayscale()brightness(.55)}.pack-help{z-index:25;cursor:pointer;width:max-content;left:0;right:0;bottom:calc(50% + 210px * var(--fit,1) * var(--pack-k) + 34px);opacity:.85;font:500 14px/1.3 var(--font-fredoka), sans-serif;letter-spacing:.04em;color:var(--main);text-underline-offset:4px;margin:auto;text-decoration:underline;transition:opacity .15s;position:absolute}@media (hover:hover){.pack-help:hover{opacity:1}}.pack-help.seen{opacity:.3}@media (hover:hover){.pack-help.seen:hover{opacity:.6}}.pack{cursor:pointer;width:288px;height:420px;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(calc(var(--fit,1) * var(--pack-k)));margin:-210px 0 0 -144px;transition:filter .4s;position:absolute;top:50%;left:50%}.pack.settle{transition:transform .5s cubic-bezier(.3,1.5,.5,1),filter .4s}.pack-body{position:absolute;inset:0}.pack-opener[data-placed] .pack-body{animation:.3s cubic-bezier(.3,1.5,.5,1) pack-in}@keyframes pack-in{0%{opacity:0;transform:scale(.6)}}.pack-float{transform-origin:50% 75%;animation:4.5s ease-in-out infinite alternate pack-float;position:absolute;inset:0}@keyframes pack-float{0%{transform:translateY(6px)}to{transform:translateY(-6px)}}.pack-glow{pointer-events:none;transition:opacity .4s;position:absolute;inset:-12% -30%}.pack-glow:before{content:"";background:radial-gradient(closest-side,#fff3dc57,#ffecc824 45%,#0000);border-radius:50%;animation:4.5s ease-in-out infinite alternate pack-glow;position:absolute;inset:0}@keyframes pack-glow{0%{opacity:.4;transform:translateY(6px)scale(.9)}to{opacity:1;transform:translateY(-6px)scale(1.06)}}.pack-opener:not([data-step=closed]) .pack-glow,.pack-opener.empty .pack-glow{opacity:0}[data-step=cards] .pack{pointer-events:none}.pack-opener[data-step=waiting] .pack{animation:1.2s ease-in-out .9s infinite alternate pack-pulse}.pack-opener[data-step=waiting] .pack-body{animation:.4s ease-out .5s forwards pack-wait}.pack-opener[data-step=waiting] .pack-status{animation:.4s ease-out .5s forwards pack-wait,1.2s ease-in-out .9s infinite alternate pack-pulse}.pack-opener[data-step=opening] .pack-body{animation:.56s ease-in forwards pack-charge}.pack-opener[data-step=cards] .pack-body{animation:.3s ease-out forwards pack-burst}@keyframes pack-wait{to{filter:grayscale()brightness(.6)}}@keyframes pack-pulse{to{opacity:.7}}@keyframes pack-charge{0%{filter:none;transform:none}20%{transform:rotate(-2deg)}40%{transform:rotate(3deg)scale(1.03)}60%{transform:rotate(-4deg)scale(1.06)}80%{filter:brightness(1.2);transform:rotate(5deg)scale(1.09)}to{filter:brightness(1.35);transform:scale(1.12)}}@keyframes pack-burst{0%{filter:brightness(1.35);opacity:1;transform:scale(1.12)}to{filter:brightness(1.5);opacity:0;transform:scale(1.22)}}.reveal{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}[data-step=cards] .reveal{pointer-events:auto;cursor:pointer}.reveal-card{z-index:1;translate:0 var(--card-dy,0px);transform:scale(var(--card-fit,1));grid-area:1/1;position:relative}.reveal-card.flipped .wiki-card{filter:blur(8px)brightness(.38);transition:filter .18s}.reveal-card .wiki-card .band{padding-bottom:50px}.reveal-flip-card{z-index:5;box-shadow:0 2px 0 var(--border);position:absolute;bottom:12px;right:12px;background:var(--secondary-background)!important;color:var(--foreground)!important}.reveal-card{--tier-dark:color-mix(in srgb, var(--rar) 80%, #000)}.reveal-flip-card[aria-pressed=true]{background:var(--tier-dark)!important;color:#fff!important}.reveal-card{animation:.2s cubic-bezier(.2,.8,.3,1) both reveal-flip}@keyframes reveal-flip{0%{transform:perspective(1100px) scale(var(--card-fit,1)) rotateY(var(--flip-from,90deg))}to{transform:perspective(1100px) scale(var(--card-fit,1)) rotateY(0deg)}}.pack-card-back{z-index:2;box-sizing:border-box;overscroll-behavior:contain;border:4px solid var(--tier-dark);color:#fff;background:#18191d75;border-radius:16px;flex-direction:column;gap:12px;padding:20px 16px;display:flex;position:absolute;inset:0;overflow-y:auto;box-shadow:0 14px 26px #0008}.pack-card-back h2{font:400 25px/1.1 var(--font-lilita), sans-serif;overflow-wrap:anywhere;margin:0}.pack-card-back>p{color:#e0e1e3;margin:0;font-size:13px}.pack-card-actions{gap:6px;display:grid}.pack-card-actions>:is(button,a){color:#fff;width:100%;min-height:44px;font:600 14px/1.2 var(--font-fredoka), sans-serif;text-align:left;cursor:pointer;background:#292c31;border:1px solid #898e96;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.pack-card-actions>:is(button,a):hover:not(:disabled){background:#3a3e45}.pack-card-actions>:is(button,a):focus-visible{outline-offset:2px;outline:2px solid #fff}.pack-card-actions>button:disabled{opacity:.5;cursor:not-allowed}.pack-card-actions>:is(button,a) svg{width:19px;height:19px;color:var(--tier-dark);flex:none}.pack-card-actions .fast-price-selector{box-shadow:none;color:#fff;background:#292c31;border:1px solid #898e96;border-radius:8px}.pack-card-actions .fast-price-selector>button{border-width:0 0 0 1px;border-color:#898e96}.pack-card-actions .fast-price-selector>button:first-child{border-width:0 1px 0 0}.pack-card-actions .fast-price-selector>output{background:#1d1f23}.pack-card-actions .fast-price-selector>button:not(:last-child){flex:none}.reveal-discarded{z-index:20;color:#fff;font:400 27px var(--font-lilita), sans-serif;background:#08090bd9;border-radius:16px;place-items:center;display:grid;position:absolute;inset:0}.pack-action-dialog{max-height:calc(100dvh - 32px);overflow-y:auto}.pack-action-dialog>p,.pack-action-dialog [role=alert]{margin:0;font-size:14px}.pack-album-list{gap:8px;max-height:32dvh;display:grid;overflow-y:auto}.pack-album-list button{white-space:normal;text-align:left;justify-content:flex-start;height:auto;min-height:44px}.pack-album-list button span{margin-left:auto}.pack-album-create{gap:8px;display:grid}.pack-album-create label{font-size:14px}@media (max-width:360px){.pack-card-back{gap:6px;padding:14px 12px}.pack-card-back h2{font-size:21px}.pack-card-back>p{font-size:12px}.pack-card-actions{gap:4px}.pack-card-actions>:is(button,a){min-height:44px;padding:6px 8px;font-size:12px}}.reveal-card :is(.title,.extract){transition:opacity 1.1s}.reveal-card.dim-text :is(.title,.extract){opacity:.25}.reveal-card :is(.ornaments,.fav-tex){transition:opacity .3s}.reveal-card .ornaments{will-change:opacity}.reveal-card .ph-blur{will-change:transform}.reveal-card.grey .card{filter:grayscale()brightness(.72)}.reveal-card.grey .fav-tex,.reveal-card.ornaments-gem.hide-label .ornaments{opacity:0}.reveal-card.grey :is(.embers,.sparks){visibility:hidden}.reveal-card.grey .halo i{opacity:0}.reveal-turn{position:relative}.reveal-card.turn-out .reveal-turn{animation:turn-out var(--flip-ms,.62s) cubic-bezier(.55,.06,.68,.19) both}.reveal-card.turn-in .reveal-turn{animation:turn-in var(--flip-ms,.62s) cubic-bezier(.19,.57,.29,1.18) both}@keyframes turn-out{0%{transform:perspective(1100px)rotateY(0)scale(1)}to{transform:perspective(1100px)rotateY(88deg)scale(1.08)}}@keyframes turn-in{0%{transform:perspective(1100px)rotateY(-88deg)scale(1.08)}to{transform:none}}.reveal-card.grey .gem{--g:#6b6b6b;--accent:#6b6b6b}.reveal-card.hide-label :is(.tier-label,.favorite-star){opacity:0}.reveal-card.animated:not(.hide-label) .tier-label{animation:label-in var(--label-in,.3s) cubic-bezier(.25,1.6,.45,1) both}.reveal-card .favorite-star{transition:opacity .25s,transform .2s,filter .25s}@keyframes label-in{0%{opacity:0;filter:brightness(2.5);transform:translate(-22px)scaleX(.25)}55%{opacity:1}to{opacity:1;filter:none;transform:none}}.gem-burst{left:calc(var(--gem-x) - 45px);top:calc(var(--gem-y) - 45px);z-index:8;pointer-events:none;background:radial-gradient(circle, #fff 0 10%, color-mix(in srgb, var(--rar) 80%, transparent) 30%, transparent 70%);border-radius:50%;width:90px;height:90px;animation:.55s ease-out forwards gem-burst;position:absolute}@keyframes gem-burst{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(3.2)}}.screen-flash{z-index:20;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 45%, #fffffff2, color-mix(in srgb, var(--flash-color) 80%, transparent) 20%, color-mix(in srgb, var(--flash-color) 35%, transparent) 40%, transparent 55%);position:absolute;inset:0}.screen-flash.play{animation:screen-flash var(--flash-ms) ease-out}.screen-flash.landing{z-index:0;background:radial-gradient(circle at 50% 50%, #fff, #ffffffe6 8%, color-mix(in srgb, var(--flash-color) 85%, transparent) 21%, color-mix(in srgb, var(--flash-color) 30%, transparent) 40%, transparent 55%)}.screen-flash.gem-flash{z-index:22;background:radial-gradient(circle at 50% 42%, #fff, #ffffffd9 9%, color-mix(in srgb, var(--flash-color) 80%, transparent) 25%, color-mix(in srgb, var(--flash-color) 28%, transparent) 40%, transparent 57%)}@keyframes screen-flash{0%{opacity:0}15%{opacity:var(--flash-peak)}to{opacity:0}}.rays{left:50%;top:calc(50% + var(--card-dy,0px));z-index:0;pointer-events:none;background:repeating-conic-gradient(color-mix(in srgb, var(--rar) 55%, transparent) 0 5deg, transparent 5deg 18deg);opacity:0;border-radius:50%;width:110vmax;height:110vmax;margin:-55vmax 0 0 -55vmax;animation:1.6s ease-out forwards rays-in,40s linear infinite rays-spin;position:absolute;-webkit-mask:radial-gradient(54vmax,#000 0,#0009 40%,#0000 100%);mask:radial-gradient(54vmax,#000 0,#0009 40%,#0000 100%)}@keyframes rays-in{0%{opacity:0;transform:scale(.4)}30%{opacity:1}to{opacity:.35;transform:scale(1)}}@keyframes rays-spin{to{rotate:360deg}}.shock{left:50%;top:calc(50% + var(--card-dy,0px));z-index:21;pointer-events:none;border:6px solid color-mix(in srgb, var(--rar) 70%, #fff);width:300px;height:300px;box-shadow:0 0 30px var(--rar), inset 0 0 30px var(--rar);opacity:0;border-radius:50%;margin:-150px 0 0 -150px;animation:.9s ease-out shock;position:absolute}@keyframes shock{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(4)}}.pack-opener.quake{animation:.45s ease-in-out quake}@keyframes quake{0%,to{transform:none}20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-4px,-2px)}80%{transform:translate(3px,3px)}}.pack-opener.quake-big{animation:.6s ease-in-out quake-big}@keyframes quake-big{0%,to{transform:none}15%{transform:translate(-12px,6px)}30%{transform:translate(10px,-9px)}45%{transform:translate(-9px,-5px)}60%{transform:translate(7px,7px)}80%{transform:translate(-3px,2px)}}@media (max-width:1023px){.pack-opener.quake,.pack-opener.quake-big{animation:none}.rays{opacity:.35;animation:1.6s ease-out rays-in}.shock{animation-name:shock-phone}@keyframes shock-phone{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(2.4)}}.pack-opener .wiki-card .halo i{filter:none;will-change:auto;animation:none}.pack-opener .wiki-card.breathing-halo .halo.far{animation:none}}.pack-opener.no-anim .pack,.pack-opener.no-anim .pack-body,.pack-opener.no-anim .reveal-card,.pack-opener.no-anim .tip,.pack-opener.no-anim .tip-browse span,.pack-opener.no-anim .reveal-share,.pack-opener.no-anim .reveal-share.shine:after,.pack-opener.no-anim .reveal-dots li.bonus button,.pack-opener.no-anim .reveal-dots li.bonus:before,.pack-opener.no-anim .reveal-dots li.bonus:after,.pack-opener.no-anim .reveal-controls>.bonus{animation:none}