:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f2ee;--fg:#1c1f2e;--muted:#6d7183;--accent:#e9c46a}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--fg);margin:0}body{background:linear-gradient(90deg, #d9a93a, #f6dd8b 30%, #c9962c 60%, #f3d67a) top / 100% 8px no-repeat, radial-gradient(60% 46% at 0% 0%, #e9c46a8c 0%, #e9c46a2e 38%, transparent 62%) no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='%23d9d7d0'%3E%3Cpath d='M24 8Q24 20 36 20Q24 20 24 32Q24 20 12 20Q24 20 24 8Z'/%3E%3Cpath d='M86 62Q86 70 94 70Q86 70 86 78Q86 70 78 70Q86 70 86 62Z'/%3E%3Ccircle cx='70' cy='22' r='1.6'/%3E%3Ccircle cx='30' cy='84' r='1.6'/%3E%3Ccircle cx='104' cy='108' r='1.2'/%3E%3C/g%3E%3C/svg%3E"), var(--bg);-webkit-tap-highlight-color:transparent;background-attachment:scroll,scroll,scroll,scroll;font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{min-height:100svh;padding:max(14px, env(safe-area-inset-top)) 16px max(14px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:14px;display:flex}h1{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:4px 0 0;font-size:15px;font-weight:600}.stage{flex:1;place-items:center;width:100%;padding:12px 0;display:grid}.hint,footer{color:var(--muted);text-align:center;margin:0;font-size:12px}footer{font-variant-numeric:tabular-nums}.card{--tx:0;--ty:0;--ax:0;--ay:0;--hyp:0;--o:0;--persp:900;width:100%;height:100%;perspective:calc(var(--persp) * 1px);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;outline:none;position:relative}.card__flipper,.card__rotator{transform-style:preserve-3d;position:absolute;inset:0}.card__rotator{transform:rotateY(calc(var(--tx) * -.32deg)) rotateX(calc(var(--ty) * .32deg));will-change:transform}.card__layer{--z:0;pointer-events:none;backface-visibility:hidden;transform:translateZ(calc(var(--z) * 1px)) scale(calc(1 - var(--z) / var(--persp)));border-radius:4.8%/3.43%;position:absolute;inset:0;overflow:hidden}.card__layer i{will-change:transform;display:block;position:absolute}.card__shadow{pointer-events:none;will-change:transform, opacity;transform:translate3d(calc(var(--tx) * .7px), calc(14px + var(--ty) * .7px), 0) scale(calc(.94 + var(--ax) * .1), calc(.94 + var(--ay) * .08));opacity:calc(.55 + var(--hyp) * .35);background:radial-gradient(closest-side,#000000d9 0%,#000000bf 55%,#0000004d 80%,#0000 100%);position:absolute;inset:-6% -8% -12%}.card__art{--z:0;background:#111;box-shadow:inset 0 0 0 1px #ffffff0f}.card__art img{-webkit-user-drag:none;width:100%;height:100%;display:block}.card:focus-visible .card__art{outline:3px solid var(--accent);outline-offset:2px}.card__back{--z:0;background:#1d2fbf var(--back) center / cover no-repeat;transform:rotateY(180deg)}.card--flying .card__shine,.card--flying .card__varnish,.card--flying .card__glitter,.card--flying .card__glare{visibility:hidden}.card__shine{--z:6;-webkit-mask:var(--mask) center / 100% 100% no-repeat;-webkit-mask:var(--mask) center / 100% 100% no-repeat;mask:var(--mask) center / 100% 100% no-repeat;mix-blend-mode:color-dodge;filter:brightness(var(--f-b,.62)) contrast(var(--f-c,2.1)) saturate(var(--f-s,1.25));opacity:calc(var(--o) * var(--o-max,1) * var(--gain,1) * var(--gain-mask,1));background:#000}.card__varnish{--z:7;-webkit-mask-image:var(--mask), var(--mask);-webkit-mask-image:var(--mask), var(--mask);mask-image:var(--mask), var(--mask);-webkit-mask-composite:source-out;display:none;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-out;mask-composite:subtract}.card:not([data-unmasked]) .card__varnish{display:block}.card__varnish--hi{opacity:.32;background:#fff;-webkit-mask-position:0 0,1.6px 1.6px;mask-position:0 0,1.6px 1.6px}.card__varnish--lo{opacity:.38;background:#000;-webkit-mask-position:0 0,-1.6px -1.6px;mask-position:0 0,-1.6px -1.6px}.card__glitter{--z:9;-webkit-mask:var(--mask) center / 100% 100% no-repeat;-webkit-mask:var(--mask) center / 100% 100% no-repeat;mask:var(--mask) center / 100% 100% no-repeat;mix-blend-mode:color-dodge;opacity:calc(var(--o) * var(--hyp) * 1.6 * var(--glitter,.7));background:#000}.card__glitter .g-a,.card__glitter .g-b{will-change:opacity;background:50%/100% 100% no-repeat;inset:0}.card__glitter .g-a{opacity:calc(.5 - var(--tx) * .012 + var(--ty) * .008);background-image:url(/assets/glitter-a-D4vmkaiQ.webp)}.card__glitter .g-b{opacity:calc(.5 + var(--tx) * .012 - var(--ty) * .008);background-image:url(/assets/glitter-b-rM6187Yp.webp)}.card[data-finish=cosmos] .card__glitter{display:none}.card__glare{--z:12;mix-blend-mode:overlay;opacity:calc(var(--o) * (.35 + var(--hyp) * .55))}.l-spot{transform:translate3d(calc(var(--tx) * 0.5%), calc(var(--ty) * 0.5%), 0);background:radial-gradient(circle,#9e9e9e 0%,#616161 40%,#1f1f1f 85%);inset:-50%}.l-bars{background:repeating-linear-gradient(var(--bars-angle,133deg), #0e152e 0%, #60a9a9 3.8%, #6bc7c7 4.5%, #60a9a9 5.2%, #0e152e 10%, #0e152e 12%);mix-blend-mode:hard-light;transform:translate3d(calc(var(--tx) * 0.5%), 0, 0);inset:0 -50%}.l-rainbow{background:repeating-linear-gradient(var(--rainbow-angle,0deg), #ff7a75 0%, #ffed61 5%, #a8ff61 10%, #85fff7 15%, #7a95ff 20%, #d875ff 25%, #ff7a75 30%);mix-blend-mode:hue;transform:translate3d(0, calc(var(--ty) * -0.5%), 0);inset:-50% 0}.card__glare i{transform:translate3d(calc(var(--tx) * 0.5%), calc(var(--ty) * 0.5%), 0);background:radial-gradient(circle,#ffffffb3 0%,#ffffff4d 16%,#00000080 62%);inset:-50%}.card[data-finish=holo]{--f-b:.5;--f-c:1.9;--f-s:1.3;--o-max:.7}.card[data-finish=radiant]{--f-b:.5;--f-c:1.7;--f-s:1.4;--o-max:.75}.card[data-finish=radiant] .l-rainbow{mix-blend-mode:color;transform:rotate(calc(var(--tx) * 1.1deg + var(--ty) * .7deg));background:repeating-conic-gradient(#ff7a75 0deg,#ffed61 10deg,#a8ff61 20deg,#85fff7 30deg,#7a95ff 40deg,#d875ff 50deg,#ff7a75 60deg);inset:-22% -50%}.card[data-finish=radiant] .l-bars{transform:rotate(calc(var(--tx) * -.8deg + var(--ty) * .5deg));background:repeating-conic-gradient(#1f1f1f 0deg,#9e9e9e 4deg,#1f1f1f 9deg 15deg);inset:-22% -50%}.card[data-finish=lines]{--rainbow-angle:110deg;--f-b:.55;--f-c:1.8;--f-s:1.5;--o-max:.8}.card[data-finish=lines] .l-rainbow{mix-blend-mode:color;transform:translate3d(calc(var(--tx) * 0.45%), calc(var(--ty) * -0.25%), 0);background-image:repeating-linear-gradient(110deg,#ff7a75 0%,#ffed61 8%,#a8ff61 16%,#85fff7 24%,#7a95ff 32%,#d875ff 40%,#ff7a75 48%);background-size:100% 100%;inset:-50%}.card[data-finish=lines] .l-bars{transform:translate3d(0, calc(var(--ty) * 0.06%), 0);background:repeating-linear-gradient(0deg,#333 0 1px,gray 2px,#333 3px);inset:-50% 0}.card[data-finish=voltage]{--f-b:.55;--f-c:2;--f-s:1.5;--o-max:.8}.card[data-finish=voltage] .l-rainbow{mix-blend-mode:color;transform:translate3d(calc(var(--tx) * 0.5%), calc(var(--ty) * -0.3%), 0);background:repeating-linear-gradient(115deg,#3ef 0%,#cf3 9%,#ffef3d 14%,#ff52c5 23%,#4794ff 31%,#3ef 38%);inset:-50%}.card[data-finish=voltage] .l-bars{transform:translate3d(calc(var(--tx) * -0.5%), 0, 0);background:repeating-linear-gradient(115deg,#1a1a1a 0% 5%,#b8b8b8 5.6%,#1a1a1a 6.4% 9%,gray 9.5%,#1a1a1a 10.2% 14%)}.l-pat-a,.l-pat-b,.l-band,.card[data-pattern] .l-spot,.card[data-pattern] .l-bars{display:none}.card[data-pattern] .l-pat-a,.card[data-pattern] .l-pat-b{will-change:auto;background:var(--pat-a) center / 100% 100% no-repeat;display:block;inset:0}.card[data-pattern] .l-pat-b{background-image:var(--pat-b);will-change:opacity;opacity:calc(.5 + var(--tx) * .012 + var(--ty) * .008)}.card[data-pattern] .l-band{background:repeating-linear-gradient(var(--band-angle,118deg), hsl(0 0% var(--band-min,22%)) 0%, #fff 9%, hsl(0 0% var(--band-min,22%)) 20%, hsl(0 0% var(--band-min,22%)) 27%);mix-blend-mode:multiply;transform:translate3d(calc(var(--tx) * 0.5%), calc(var(--ty) * 0.35%), 0);display:block;inset:-50%}.card[data-pattern] .l-rainbow{background:repeating-linear-gradient(var(--rainbow-angle,118deg), #ff6b66 0%, #ffeb52 7%, #a0ff52 14%, #66fff5 21%, #708dff 28%, #d466ff 35%, #ff6b66 42%);mix-blend-mode:color;transform:translate3d(calc(var(--tx) * -0.5%), calc(var(--ty) * -0.35%), 0);inset:-50%}.card[data-finish=cosmos]{--f-b:.62;--f-c:1.7;--f-s:1.35;--o-max:.9;--band-min:30%;--rainbow-angle:-45deg;--band-angle:-45deg;--pat-a:url(/assets/cosmos-a-YVQ95yTL.webp);--pat-b:url(/assets/cosmos-b-DexYnnQ1.webp)}.card[data-finish=ice]{--pat-a:url(/assets/ice-a-BY7xqh-p.svg);--pat-b:url(/assets/ice-b-xJxUiCc_.svg);--f-b:.55;--f-c:1.8;--f-s:1.4;--o-max:.85;--band-min:35%}.card[data-finish=sequin]{--pat-a:url(/assets/sequin-a-Bt0MVEX9.svg);--pat-b:url(/assets/sequin-b-6QV29zuZ.svg);--f-b:.55;--f-c:1.9;--f-s:1.5;--o-max:.85;--band-min:28%;--band-angle:60deg;--rainbow-angle:150deg}.card[data-finish=stars]{--pat-a:url(/assets/stars-a-DGHkUUy4.svg);--pat-b:url(/assets/stars-b-CQwzZPVa.svg);--f-b:.7;--f-c:1.8;--f-s:1.5;--o-max:.95;--band-min:40%}.card[data-finish=bolts]{--pat-a:url(/assets/bolts-a-CHdEhFqs.svg);--pat-b:url(/assets/bolts-b-BwiClH9u.svg);--f-b:.7;--f-c:1.8;--f-s:1.6;--o-max:.95;--band-min:40%}.card[data-finish=bolts] .l-rainbow{background:repeating-linear-gradient(118deg,#3defff 0%,#df3 10%,#ffef3d 18%,#52c5ff 30%,#3defff 40%)}.card[data-finish=rings]{--f-b:.55;--f-c:1.8;--f-s:1.4;--o-max:.85;--band-min:35%;--pat-a:repeating-radial-gradient(circle at 50% 36%, #111 0, #aaa 1.6%, #111 3.2%);--pat-b:repeating-radial-gradient(circle at 56% 42%, #111 0, #bbb 1.9%, #111 3.8%)}.card[data-finish=gold]{--f-b:.6;--f-c:1.7;--f-s:1.2;--o-max:.9;--band-min:30%;--band-angle:100deg;--pat-a:repeating-linear-gradient(62deg, #222 0, #8a8a8a 0.35%, #222 0.7%);--pat-b:repeating-linear-gradient(-58deg, #222 0, #9a9a9a 0.4%, #222 0.8%)}.card[data-finish=gold] .l-rainbow{background:repeating-linear-gradient(100deg,#f9a21f 0%,#ffde5c 12%,#f2780d 24%,#f9a21f 36%)}.card:not([data-unmasked]){--gain-mask:1.35}.card[data-unmasked] .card__glare{opacity:calc(var(--o) * (.2 + var(--hyp) * .4))}html{scrollbar-gutter:stable}.toggle,.viewer select{font:inherit;color:var(--fg);cursor:pointer;background:#181b2a;border:1px solid #2b2f45;border-radius:8px;padding:7px 12px}.toggle[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}[hidden]{display:none!important}.grid{grid-template-columns:repeat(auto-fill,minmax(clamp(150px,10.2vw,260px),1fr));gap:clamp(12px,1.4vw,30px);width:100%;padding-inline:clamp(0px,4vw,110px);display:grid}.tile{cursor:pointer;aspect-ratio:5/7;contain:layout paint;will-change:auto;background:0 0;border:0;border-radius:4.8%/3.43%;padding:0;transition:box-shadow .18s ease-out;position:relative;overflow:hidden;box-shadow:0 8px 16px -8px #1e203c8c,0 0 0 1px #1e203c0f}.tile img{width:100%;height:100%;display:block}.tile:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff29 44%,#8cdcff1a 52%,#0000 64%);position:absolute;inset:0}.tile:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (hover:hover){.grid .tile:not([aria-disabled=true]):hover{box-shadow:0 24px 34px -14px #1e203c99,0 0 0 1px #1e203c14}}.tile[aria-disabled=true]{cursor:default}.tile[aria-disabled=true]:after{display:none}.tile[aria-disabled=true] img{filter:saturate(.75)brightness(.8)}.viewer,.opening{--fg:#e8e6df;--muted:#9a9db0;color:var(--fg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.viewer{z-index:10;grid-template-rows:minmax(0,1fr) auto;display:grid;position:fixed;inset:0}.viewer__backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);will-change:opacity;background:#05060cb8;position:absolute;inset:0}.viewer:not([data-bg=backdrop]) .viewer__backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.viewer[data-bg=page] .viewer__backdrop{background:#05060c59}.viewer[data-bg=veil] .viewer__backdrop{background:#05060ce0}.viewer__stage{padding:max(10px, env(safe-area-inset-top)) 8px 4px;place-items:center;display:grid;position:relative}.viewer__mover{aspect-ratio:5/7;will-change:transform;width:min(94vw,540px,71.4286svh - 107.143px)}.viewer__panel{padding:6px 12px max(8px, env(safe-area-inset-bottom));color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;font-size:12px;display:flex;position:relative}.viewer__panel label{align-items:center;gap:8px;display:flex}.viewer__panel input[type=range]{width:120px;accent-color:var(--accent)}.viewer__perf{text-align:center;font-variant-numeric:tabular-nums;flex-basis:100%}.viewer__close{top:max(10px, env(safe-area-inset-top));z-index:1;width:40px;height:40px;color:var(--fg);cursor:pointer;background:#181b2acc;border:1px solid #2b2f45;border-radius:50%;font-size:22px;line-height:1;position:absolute;right:12px}.pack{--tx:0;--ty:0;--ax:0;--ay:0;--hyp:0;--p:0;aspect-ratio:720/1184;perspective:760px;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;position:relative}.pack__float{transform-style:preserve-3d;animation:4.2s ease-in-out infinite alternate pack-float;position:absolute;inset:0}.pack--settled .pack__float{animation:none}@keyframes pack-float{0%{transform:translateY(-1.2%)}to{transform:translateY(1.2%)}}.pack__rotator{transform-style:preserve-3d;will-change:transform;transform:rotateY(calc(var(--tx) * -.44deg)) rotateX(calc(var(--ty) * .36deg));position:absolute;inset:0}.pack__plane{backface-visibility:hidden;position:absolute;inset:0}.pack__shadow{will-change:transform, opacity;transform:translate3d(calc(var(--tx) * .8px), calc(18px + var(--ty) * .8px), 0) scale(calc(.92 + var(--ax) * .12), calc(.94 + var(--ay) * .08));opacity:calc(.5 + var(--hyp) * .35);background:radial-gradient(closest-side,#000000d9 0%,#000000b3 55%,#00000040 82%,#0000 100%);position:absolute;inset:-4% -10% -10%}.pack__edge{background:linear-gradient(160deg,#c9d2e6,#59627a 45%,#2a3042);border-radius:0 0 2.5% 2.5%;top:16.6%;transform:translateZ(-16px)scale(1.012)}.pack__inside{background:linear-gradient(#05060c 0%,#151a2b 22%,#0b0d17 100%);inset:16.8% 3% 3%;transform:translateZ(-5px)}.pack__stack{transform:translateZ(-3px)}.pack__stack i{background:linear-gradient(#2a3bd4,#16207a);border-radius:6px 6px 0 0;height:6%;position:absolute;left:9%;right:9%;box-shadow:inset 0 1px #ffffff59}.pack__stack i:first-child{top:17.4%}.pack__stack i:nth-child(2){top:17%;left:9.6%;right:8.4%}.pack__stack i:nth-child(3){top:16.6%}.pack__stack i:nth-child(4){top:16.2%;left:8.4%;right:9.6%}.pack__stack i:nth-child(5){top:15.8%}.pack__stack i:nth-child(odd){filter:brightness(.82)}.pack__strip{transform:translateZ(1px)}.strip__win{will-change:transform;width:100%;height:20%;position:absolute;top:0;left:0;overflow:hidden}.strip__inner{will-change:transform;width:100%;height:500%;position:absolute;top:0;left:0}.strip__piece{position:absolute;inset:0}.strip__win--attached{transform:translateX(calc(var(--p) * 100%))}.strip__win--attached .strip__inner{transform:translateX(calc(var(--p) * -100%))}.strip__win--peeled{transform-origin:100% 86%;transform:translateX(calc((var(--p) - 1) * 100%)) skewY(calc(2deg + var(--p) * 7deg))}.strip__win--peeled .strip__inner{transform:translateX(calc((1 - var(--p)) * 100%))}.strip__win--peeled .strip__piece:after{content:"";pointer-events:none;background:#ffffff1a;position:absolute;inset:0}.pack__backwall{background:linear-gradient(#3c4258 0%,#2a2f42 55%,#141826 100%);border-radius:2.2% 2.2% 0 0;inset:0 1.5% 79%;transform:translateZ(-6px)}.pack__gaplight{opacity:calc(var(--p) * .85);background:linear-gradient(#0000 15.2%,#ffcd6e8c 17%,#ffbe5a33 18.4%,#0000 20%);transition:opacity .3s ease-out;inset:0 3%;transform:translateZ(-4px)}.pack--torn .pack__gaplight,.pack--torn .pack__backwall{opacity:0}.pack__backwall{transition:opacity .3s ease-out}.pack__fx{pointer-events:none;transform:translateZ(3px)}.pack__spark{aspect-ratio:1;width:22%;transform:translate3d(calc(var(--p) * 427%), 0, 0) scale(calc(.4 + var(--spark) * .9)) rotate(calc(var(--p) * 300deg));opacity:var(--spark);will-change:transform, opacity;background:radial-gradient(closest-side,#fff 0%,#ffe696e6 18%,#0000 60%),linear-gradient(90deg,#0000 46%,#fff 50%,#0000 54%),linear-gradient(#0000 47%,#fff 50%,#0000 53%);margin:-11% 0 0 -11%;position:absolute;top:17.2%;left:2%;-webkit-mask:radial-gradient(closest-side,#000 30%,#0000 100%);mask:radial-gradient(closest-side,#000 30%,#0000 100%)}.pack__cue{color:#fff;letter-spacing:.08em;text-shadow:0 0 10px #ffdc78f2,0 1px 2px #0009;font:800 clamp(18px,5.5vw,28px)/1 system-ui,sans-serif;animation:1.25s ease-in-out infinite pack-cue;position:absolute;top:17.2%;left:5%;translate:0 -55%}@keyframes pack-cue{0%{opacity:0;transform:translate(-20%)}35%{opacity:1}to{opacity:0;transform:translate(170%)}}.pack--grabbed .pack__cue,.pack--torn .pack__cue{display:none}.pack--grabbed{cursor:grabbing}.pk-layers{border-radius:2.2%;position:absolute;inset:0;overflow:hidden}.pk-layers i{will-change:transform;display:block;position:absolute}.pk-img{-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block}.pk-bulge-dark{mix-blend-mode:multiply;transform:translate3d(calc(var(--tx) * -0.26%), calc(var(--ty) * -0.26%), 0);background:radial-gradient(closest-side,#0000 44%,#04061ac7 82% 100%);inset:-30%}.pk-bulge-light{mix-blend-mode:screen;transform:translate3d(calc(var(--tx) * -0.4%), calc(var(--ty) * -0.4%), 0);background:radial-gradient(closest-side,#ffffff61 0%,#0000 50%);inset:-30%}.pk-iris{mix-blend-mode:color-dodge;filter:brightness(.5)contrast(1.9)saturate(1.4);opacity:calc(.45 + var(--hyp) * .2);position:absolute;inset:0;overflow:hidden}.pk-iris-a{transform:translate3d(calc(var(--tx) * 0.4%), calc(var(--ty) * 0.25%), 0);background:repeating-linear-gradient(118deg,#1a1a1a 0%,#b3b3b3 5%,#1a1a1a 11% 15%);inset:-80%}.pk-iris-b{mix-blend-mode:color;transform:translate3d(calc(var(--tx) * -0.4%), calc(var(--ty) * -0.28%), 0);background:repeating-linear-gradient(118deg,#ff615c 0%,#ffea47 4.5%,#9aff47 9%,#5cfff4 13.5%,#6685ff 18%,#d15cff 22.5%,#ff615c 27%);inset:-80%}.pk-glare,.pk-relief{position:absolute;inset:0;overflow:hidden}.pk-glare{mix-blend-mode:overlay;opacity:.85}.pk-glare i,.pk-relief i{transform:translate3d(calc(var(--tx) * 0.3%), calc(var(--ty) * 0.18%), 0) rotate(calc(var(--ty) * .25deg - var(--tx) * .12deg));background:linear-gradient(115deg,#0000 42%,#ffffff2e 46.5%,#ffffffd9 50%,#ffffff2e 53.5%,#0000 58%);inset:-150%}.pk-emboss{will-change:transform;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.pk-emboss--lo{opacity:.6;transform:translate3d(calc(1.1px - var(--tx) * .035px), calc(1.3px - var(--ty) * .035px), 0);background:#02030c}.pk-emboss--hi{opacity:.5;transform:translate3d(calc(-.8px + var(--tx) * .028px), calc(-.9px + var(--ty) * .028px), 0);background:#fff}.pk-emboss--cover img{filter:brightness(1.08)contrast(1.05);width:100%;height:100%;display:block}.pk-relief{mix-blend-mode:screen;opacity:.9;-webkit-mask-size:100% 100%;mask-size:100% 100%}.cta{color:#12142a;cursor:pointer;background:linear-gradient(#f4d78a,#e0b64f);border:0;border-radius:999px;padding:13px 22px;font:600 15px/1 inherit;box-shadow:0 6px 18px -6px #e9c46a99}.cta:disabled{opacity:.6;cursor:progress}.opening{z-index:10;background:radial-gradient(120% 80% at 50% 30%,#1b2040 0%,#07080f 70%);position:fixed;inset:0;overflow:hidden}.viewer{z-index:20}.opening__scene{position:absolute;inset:0}.pack-wrap{will-change:transform;width:min(62vw,290px,60.8108svh - 152.027px);position:absolute;top:46%;left:50%;translate:-50% -50%}.emerge,.present{pointer-events:none;position:absolute;inset:0}.flyer{aspect-ratio:5/7;will-change:transform;pointer-events:auto;width:min(88vw,480px,71.4286svh - 142.857px);position:absolute;top:47%;left:50%;translate:-50% -50%}.pack__glow{overflow:visible;transform:translateZ(-2px)}.pack__lip{opacity:0;pointer-events:none;will-change:opacity;background:radial-gradient(60% 9% at 50% 18.2%, var(--lip,#ffffffe6), transparent 100%);mix-blend-mode:screen;transform:translateZ(.5px)}.glow{--c1:#e1ebff;--size:300%;--peak:.6;width:var(--size);aspect-ratio:1;pointer-events:none;opacity:0;will-change:opacity, transform;position:absolute;top:27%;left:50%;translate:-50% -50%;-webkit-mask-image:conic-gradient(#000 0deg 52deg,#0000 70deg 290deg,#000 308deg 360deg);mask-image:conic-gradient(#000 0deg 52deg,#0000 70deg 290deg,#000 308deg 360deg)}.glow i{will-change:transform, opacity;display:block;position:absolute;inset:0}.glow__rays{background:var(--rays,var(--c1));-webkit-mask-image:var(--fan), radial-gradient(closest-side, #000 0%, #000000bf 30%, #00000040 62%, transparent 96%);-webkit-mask-image:var(--fan), radial-gradient(closest-side, #000 0%, #000000bf 30%, #00000040 62%, transparent 96%);mask-image:var(--fan), radial-gradient(closest-side, #000 0%, #000000bf 30%, #00000040 62%, transparent 96%);-webkit-mask-composite:source-in;filter:blur(1.5px);-webkit-mask-composite:source-in;mask-composite:intersect}.glow__rays--a{--fan:repeating-conic-gradient(from 3deg, transparent 0deg, #000 2.5deg, transparent 6deg, transparent 11deg, #000 12.5deg, transparent 15deg, transparent 23deg)}.glow__rays--b{--fan:repeating-conic-gradient(from 0deg, transparent 0deg, #000 1.5deg, transparent 4deg, transparent 17deg);opacity:.7}.glow__core{background:radial-gradient(closest-side, #fff 0%, var(--c1) 9%, var(--halo,var(--c1)) 20%, transparent 40%);opacity:.95;filter:blur(5px)}.glow__burst{background:radial-gradient(closest-side, #fff 0%, var(--c1) 30%, transparent 70%);opacity:0}.glow--commune{--c1:#d6e2ff;--halo:#8caaeb8c;--size:260%;--peak:.6}.glow--rare{--c1:#ffe28c;--halo:#f5aa28bf;--size:340%;--peak:.95}.glow--legendaire{--c1:#fff5ff;--halo:#c88cffcc;--size:430%;--peak:1;--rays:conic-gradient(from 270deg, #ff5d6c, #ffb35d, #ffe95d, #7dff8a, #5de0ff, #7d8bff, #d66bff, #ff5d6c)}.opening__flash{pointer-events:none;opacity:0;background:radial-gradient(90% 60% at 50% 64%,#ffffffd9,#d296ff59 45%,#0000 75%);position:absolute;inset:0}.opening__tray{--w:min(27vw, 170px);pointer-events:none;justify-content:center;display:flex;position:absolute;top:50%;left:0;right:0;translate:0 -118%}.opening__tray .tile{width:var(--w);contain:none;flex:none;transition:transform .2s ease-out;overflow:visible}.opening__tray .tile+.tile{margin-left:min(10px, calc((94vw - 5 * var(--w)) / 4))}.opening__tray .tile:empty{display:none}.opening__tray .tile img,.opening__tray .tile:after{border-radius:4.8%/3.43%}.tile[data-rarity=rare]{box-shadow:0 0 0 2px #e9c46a,0 6px 14px -6px #000}.tile[data-rarity=legendaire]{box-shadow:0 0 0 2px #ff8be0,0 0 18px #be8cffb3}.opening__tray .badge{visibility:hidden}.opening--done .opening__tray{--w:min(28vw, 190px);pointer-events:auto;z-index:2;flex-wrap:wrap;gap:14px 8px;padding:0 10px;translate:0 -58%}.opening--done .opening__tray .tile+.tile{margin-left:0}.opening--done .opening__tray .badge{visibility:visible}.opening--done .opening__tray .tile:hover,.opening--done .opening__tray .tile:focus-visible{z-index:3;transform:translateY(-8%)scale(1.12)}.opening__done{z-index:2;position:absolute;bottom:9%;left:50%;translate:-50%}.opening__hint{left:0;right:0;bottom:max(16px, env(safe-area-inset-bottom));text-align:center;color:var(--muted);margin:0;font-size:13px;position:absolute}.badge{z-index:1;letter-spacing:.06em;color:#12142a;background:#e9c46a;border-radius:999px;padding:4px 6px;font:700 9px/1 inherit;position:absolute;top:-7px;right:-7px}@supports ((-moz-appearance:none)){.viewer__backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#05060ce0}.card__glitter{display:none}.glow__rays{filter:none}}.bar{z-index:5;padding:max(14px, env(safe-area-inset-top)) clamp(12px, 4vw, 110px) 8px;background:linear-gradient(#f3f2eef5 70%,#f3f2ee00);align-items:center;gap:10px;display:flex;position:sticky;top:0}.bar__brand{white-space:nowrap;letter-spacing:.02em;color:var(--fg);margin-right:auto;font-weight:800;text-decoration:none}.chip{font-variant-numeric:tabular-nums;color:var(--fg);white-space:nowrap;background:#fff;border-radius:999px;padding:7px 12px;font-size:13px;text-decoration:none;box-shadow:0 0 0 1px #1e203c1f}.chip--ready{color:#12142a;box-shadow:none;background:linear-gradient(#f4d78a,#e0b64f);font-weight:700}.me{font:inherit;color:var(--muted);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;max-width:34vw;padding:7px 4px;font-size:13px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;overflow:hidden}main{padding-top:6px}.home{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.hero{width:min(58vw,300px,60.8108svh - 200.676px);margin:10px 0 18px}.hero--waiting{filter:saturate(.35)brightness(.92)}.pack--hero{cursor:default}.pack--hero .pack__cue{display:none}.cta--big{padding:17px 34px;font-size:18px}.cta{text-decoration:none;display:inline-block}.home__sub{color:var(--muted);margin:0}.home__sub strong{color:var(--fg);font-variant-numeric:tabular-nums}.home__progress{color:var(--muted);font-size:13px}.collection{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.progress{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 14px;margin:0;font-size:13px;display:flex}.progress strong{color:var(--fg);font-size:18px}.filters{flex-wrap:wrap;justify-content:center;gap:8px;padding:4px 12px 8px;display:flex}.filter{letter-spacing:.04em;text-transform:uppercase;cursor:pointer;color:#1c1f2e;background:#fff;border:2px solid #d8b55a;border-radius:10px;padding:10px 16px;font:700 13px/1 inherit}.filter[aria-pressed=true]{color:#fff;background:#12142a;border-color:#12142a}.filter--rare:not([aria-pressed=true]){background:linear-gradient(#f6e2a0,#e3bc58)}.filter--legendaire:not([aria-pressed=true]){background:linear-gradient(90deg,#b9a4ff,#7fd0ff);border-color:#8f7dff}.grid .tile[aria-disabled=true] img{filter:grayscale()brightness(1.15)contrast(.55);opacity:.55}.count{color:#fff;background:#12142ad9;border-radius:999px;padding:4px 7px;font:700 12px/1 inherit;position:absolute;bottom:4%;right:5%}.state{text-align:center;max-width:420px;color:var(--fg);justify-items:center;gap:16px;margin:auto;padding:28px 16px;display:grid}.state p{margin:0}.state__pack{aspect-ratio:720/1184;background:linear-gradient(110deg,#e4e2dc 30%,#f6f5f1 50%,#e4e2dc 70%) 0 0/300% 100%;border-radius:8px;width:120px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-150% 0}}.toast{left:50%;bottom:max(18px, env(safe-area-inset-bottom));z-index:40;color:#fff;text-align:center;background:#12142a;border-radius:12px;max-width:min(92vw,440px);padding:12px 16px;font-size:14px;position:fixed;translate:-50%;box-shadow:0 10px 30px -10px #000}.sheet{width:min(92vw,420px);color:var(--fg);background:#fff;border:0;border-radius:16px;padding:22px 20px;box-shadow:0 30px 80px -20px #0009}.sheet::backdrop{background:#0809128c}.sheet h2{margin:0 0 12px;font-size:18px}.sheet h3{margin:18px 0 6px;font-size:15px}.sheet p{color:var(--muted);margin:0 0 10px;font-size:13px}.sheet__close{position:absolute;top:8px;right:10px}.sheet__close button{cursor:pointer;color:var(--muted);background:0 0;border:0;font-size:24px}.sheet__form{align-items:end;gap:8px;display:flex}.sheet__form--stack{flex-direction:column;align-items:stretch}.sheet__form label{color:var(--muted);flex:1;gap:4px;font-size:12px;display:grid}.sheet__form input{font:inherit;color:var(--fg);background:#fff;border:1px solid #cfcdc6;border-radius:10px;padding:10px 12px;font-size:16px}.sheet .toggle{color:#fff;background:#12142a;border-color:#12142a}.sheet details{margin-top:14px;font-size:13px}.sheet summary{cursor:pointer;color:var(--fg);margin-bottom:8px}.sheet__msg{min-height:1.2em;color:#a3341f!important;margin:12px 0 0!important}.viewer__debug{display:contents}@media (prefers-reduced-motion:reduce){.card{--tx:-14;--ty:-18;--ax:.28;--ay:.36;--hyp:.45;--o:.75;cursor:default}.card__rotator{transform:none}.viewer__backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#05060ce0}.tile{transition:none}.pack__float,.pack__cue,.state__pack{animation:none}.pack__rotator{transform:none}}
