/* The fast x10 opening (views/packs/multi.php). Pure CSS: a pile of packs bursts, then every card flips one after the other, rarest last.
   bin/build-pack-multi-css.php appends the generated delays (one rule per card position) and writes public/assets/css/pack-multi.css. */
@property --mc-g{syntax:"<number>";inherits:true;initial-value:0}
.mx{--pa:#7c5cff;--pb:#2fd4ff;--t0:#d9935a;--t1:#dfe6ef;--t2:#b57bff;--t3:#ffd24d;--t4:#ff4d63;--t5:#46d6ff;--t6:#ffd98a;position:fixed;inset:0;z-index:300;overflow:auto;container-type:inline-size;isolation:isolate;background:radial-gradient(90% 70% at 50% 8%,color-mix(in srgb,var(--pa) 34%,#120f22),#050409 72%);color:#fff;font-family:var(--body);-webkit-tap-highlight-color:transparent;--step:.09s;--t0d:.7s}
.mx *{box-sizing:border-box}
.mx-in{position:absolute;left:50%;bottom:.4rem;width:1px;height:1px;opacity:0;margin:0}
.mx-in:focus-visible{opacity:1;width:1.5rem;height:1.5rem;outline:2px solid var(--gold)}
.mx-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:1rem;padding:.8rem max(1rem,env(safe-area-inset-right)) .8rem max(1rem,env(safe-area-inset-left));padding-top:max(.8rem,env(safe-area-inset-top));background:linear-gradient(#000c,#0000)}
.mx-x,.mx-skip{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border:1px solid #ffffff47;background:#00000059;color:#fff;font:700 .7rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;border-radius:2px}
.mx-x:hover,.mx-skip:hover{border-color:var(--gold);color:var(--gold2)}
.mx-title{flex:1;text-align:center;font:400 1rem/1 var(--display);letter-spacing:.2em;text-transform:uppercase;color:#ffffffcc}
.mx-main{display:grid;gap:1.2rem;justify-items:center;padding:0 max(1rem,env(safe-area-inset-right)) 2rem max(1rem,env(safe-area-inset-left))}
.mx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,clamp(92px,13cqw,170px)),1fr));gap:clamp(.5rem,1.4cqw,1rem);width:100%;max-width:1100px}
.mx.fast .mx-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,clamp(74px,8.6cqw,128px)),1fr));gap:clamp(.35rem,1cqw,.7rem)}
.mc{position:relative;min-width:0;perspective:900px}
.mc-in{position:relative;transform-style:preserve-3d;animation:mcflip .4s cubic-bezier(.3,1.35,.5,1) var(--d,.7s) both}
.mc-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.mc-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(180deg);display:grid;place-items:center;border-radius:.6rem;background:linear-gradient(145deg,#1a1530,#0b0916);border:2px solid color-mix(in srgb,var(--pa) 70%,#fff);box-shadow:0 0 18px color-mix(in srgb,var(--pa) 55%,transparent)}
.mc-back b{font:400 1.6rem/1 var(--display);letter-spacing:.1em;color:color-mix(in srgb,var(--pb) 80%,#fff);opacity:.85}
.mc .nw{position:absolute;left:-.3rem;top:-.4rem;z-index:6;padding:.2rem .5rem;background:linear-gradient(180deg,#ffe9a8,#f2b53f);color:#1a1100;font:800 .62rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase;rotate:-6deg;pointer-events:none;animation:mcpop .3s var(--d,.7s) both}
.mc::before{content:"";position:absolute;inset:-6%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,var(--c,transparent),transparent 70%);opacity:0;animation:mcglow .7s ease-out var(--d,.7s) both;pointer-events:none}
.r0{--c:var(--t0)}.r1{--c:var(--t1)}.r2{--c:var(--t2)}.r3{--c:var(--t3)}.r4{--c:var(--t4)}.r5{--c:var(--t5)}.r6{--c:var(--t6)}
.mc:is(.r0,.r1)::before{display:none}
.mc:is(.r3,.r4,.r5,.r6) .mc-face{filter:drop-shadow(0 0 .8rem var(--c))}
.mc:is(.r5,.r6)::before{animation-duration:1.1s}
.mc:is(.r5,.r6) .mc-in{animation-name:mcflipbig;animation-duration:.6s}
.mx-intro{position:fixed;inset:0;z-index:30;display:grid;place-items:center;pointer-events:none;animation:mxintro .75s ease-in both}
.mx-pile{position:relative;width:clamp(120px,26cqw,220px);aspect-ratio:3/4;animation:mxshake .75s linear both}
.mx-pile .pk-p{position:absolute;inset:0}
.mx-pile .pk-p:nth-child(1){rotate:-9deg;translate:-8% 2%}
.mx-pile .pk-p:nth-child(2){rotate:8deg;translate:8% 1%}
.mx-pile .pk-p:nth-child(3){rotate:0deg}
.mx-pile .mx-count{position:absolute;right:-.6rem;bottom:-.6rem;z-index:5;padding:.35rem .7rem;border-radius:2rem;background:#fff;color:#14102a;font:800 1.1rem/1 var(--body)}
.mx-flash{position:fixed;inset:0;z-index:31;pointer-events:none;background:radial-gradient(circle at 50% 50%,#fff,color-mix(in srgb,var(--pa) 60%,#fff0) 55%,#0000 80%);opacity:0;animation:mxflash .45s ease-out .55s both}
.mx-res{display:grid;gap:.8rem;justify-items:center;text-align:center;animation:mcpop .5s var(--rd,2s) both}
.mx-res h2{margin:0;font:400 clamp(1.5rem,5cqw,2.4rem)/1 var(--display);letter-spacing:.14em;text-transform:uppercase}
.mx-chips{margin:0;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}
.mx-res .row{justify-content:center}
#mx-skip:checked ~ .mx-intro,#mx-skip:checked ~ .mx-flash{display:none}
#mx-skip:checked ~ .mx-main :is(.mc-in,.mc::before,.nw,.mx-res){animation:none}
#mx-skip:checked ~ .mx-top .mx-skip{display:none}
@keyframes mcflip{from{transform:rotateY(180deg) scale(.85)}to{transform:rotateY(0) scale(1)}}
@keyframes mcflipbig{0%{transform:rotateY(180deg) scale(.8)}70%{transform:rotateY(0) scale(1.18)}100%{transform:rotateY(0) scale(1)}}
@keyframes mcglow{0%{opacity:0;transform:scale(.6)}35%{opacity:.95}100%{opacity:.4;transform:scale(1.05)}}
@keyframes mcpop{from{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:none}}
@keyframes mxintro{0%,70%{opacity:1}100%{opacity:0;visibility:hidden}}
@keyframes mxshake{0%{transform:scale(.7);opacity:0}15%{transform:scale(1);opacity:1}30%{transform:translate(-3px,1px) rotate(-1.5deg)}45%{transform:translate(3px,-1px) rotate(1.5deg)}60%{transform:translate(-4px,0) rotate(-2deg)}75%{transform:translate(4px,1px) rotate(2deg) scale(1.08)}100%{transform:scale(1.5);opacity:0}}
@keyframes mxflash{0%{opacity:0}30%{opacity:1}100%{opacity:0;visibility:hidden}}
@media (prefers-reduced-motion:reduce){.mx-intro,.mx-flash{display:none}.mx :is(.mc-in,.mc::before,.nw,.mx-res){animation:none!important}}
body.fx-lite .mx-intro,body.fx-lite .mx-flash{display:none}
body.fx-lite .mx :is(.mc-in,.mc::before,.nw,.mx-res){animation:none!important}

/* generated */
.mx.fast{--step:.045s}
.mx .mc:nth-child(1){--d:0.7s}
.mx .mc:nth-child(2){--d:0.79s}
.mx .mc:nth-child(3){--d:0.88s}
.mx .mc:nth-child(4){--d:0.97s}
.mx .mc:nth-child(5){--d:1.06s}
.mx .mc:nth-child(6){--d:1.15s}
.mx .mc:nth-child(7){--d:1.24s}
.mx .mc:nth-child(8){--d:1.33s}
.mx .mc:nth-child(9){--d:1.42s}
.mx .mc:nth-child(10){--d:1.51s}
.mx .mc:nth-child(11){--d:1.6s}
.mx .mc:nth-child(12){--d:1.69s}
.mx .mc:nth-child(13){--d:1.78s}
.mx .mc:nth-child(14){--d:1.87s}
.mx .mc:nth-child(15){--d:1.96s}
.mx .mc:nth-child(16){--d:2.05s}
.mx .mc:nth-child(17){--d:2.14s}
.mx .mc:nth-child(18){--d:2.23s}
.mx .mc:nth-child(19){--d:2.32s}
.mx .mc:nth-child(20){--d:2.41s}
.mx .mc:nth-child(21){--d:2.5s}
.mx .mc:nth-child(22){--d:2.59s}
.mx .mc:nth-child(23){--d:2.68s}
.mx .mc:nth-child(24){--d:2.77s}
.mx .mc:nth-child(25){--d:2.86s}
.mx .mc:nth-child(26){--d:2.95s}
.mx .mc:nth-child(27){--d:3.04s}
.mx .mc:nth-child(28){--d:3.13s}
.mx .mc:nth-child(29){--d:3.22s}
.mx .mc:nth-child(30){--d:3.31s}
.mx .mc:nth-child(31){--d:3.4s}
.mx .mc:nth-child(32){--d:3.49s}
.mx .mc:nth-child(33){--d:3.58s}
.mx .mc:nth-child(34){--d:3.67s}
.mx .mc:nth-child(35){--d:3.76s}
.mx .mc:nth-child(36){--d:3.85s}
.mx .mc:nth-child(37){--d:3.94s}
.mx .mc:nth-child(38){--d:4.03s}
.mx .mc:nth-child(39){--d:4.12s}
.mx .mc:nth-child(40){--d:4.21s}
.mx .mc:nth-child(41){--d:4.3s}
.mx .mc:nth-child(42){--d:4.39s}
.mx .mc:nth-child(43){--d:4.48s}
.mx .mc:nth-child(44){--d:4.57s}
.mx .mc:nth-child(45){--d:4.66s}
.mx .mc:nth-child(46){--d:4.75s}
.mx .mc:nth-child(47){--d:4.84s}
.mx .mc:nth-child(48){--d:4.93s}
.mx .mc:nth-child(49){--d:5.02s}
.mx .mc:nth-child(50){--d:5.11s}
.mx .mc:nth-child(51){--d:5.2s}
.mx .mc:nth-child(52){--d:5.29s}
.mx .mc:nth-child(53){--d:5.38s}
.mx .mc:nth-child(54){--d:5.47s}
.mx .mc:nth-child(55){--d:5.56s}
.mx .mc:nth-child(56){--d:5.65s}
.mx .mc:nth-child(57){--d:5.74s}
.mx .mc:nth-child(58){--d:5.83s}
.mx .mc:nth-child(59){--d:5.92s}
.mx .mc:nth-child(60){--d:6.01s}
.mx .mc:nth-child(61){--d:6.1s}
.mx .mc:nth-child(62){--d:6.19s}
.mx .mc:nth-child(63){--d:6.28s}
.mx .mc:nth-child(64){--d:6.37s}
.mx .mc:nth-child(65){--d:6.46s}
.mx .mc:nth-child(66){--d:6.55s}
.mx .mc:nth-child(67){--d:6.64s}
.mx .mc:nth-child(68){--d:6.73s}
.mx .mc:nth-child(69){--d:6.82s}
.mx .mc:nth-child(70){--d:6.91s}
.mx .mc:nth-child(71){--d:7s}
.mx .mc:nth-child(72){--d:7.09s}
.mx .mc:nth-child(73){--d:7.18s}
.mx .mc:nth-child(74){--d:7.27s}
.mx .mc:nth-child(75){--d:7.36s}
.mx .mc:nth-child(76){--d:7.45s}
.mx .mc:nth-child(77){--d:7.54s}
.mx .mc:nth-child(78){--d:7.63s}
.mx .mc:nth-child(79){--d:7.72s}
.mx .mc:nth-child(80){--d:7.81s}
.mx .mc:nth-child(81){--d:7.9s}
.mx .mc:nth-child(82){--d:7.99s}
.mx .mc:nth-child(83){--d:8.08s}
.mx .mc:nth-child(84){--d:8.17s}
.mx .mc:nth-child(85){--d:8.26s}
.mx .mc:nth-child(86){--d:8.35s}
.mx .mc:nth-child(87){--d:8.44s}
.mx .mc:nth-child(88){--d:8.53s}
.mx .mc:nth-child(89){--d:8.62s}
.mx .mc:nth-child(90){--d:8.71s}
.mx .mc:nth-child(91){--d:8.8s}
.mx .mc:nth-child(92){--d:8.89s}
.mx .mc:nth-child(93){--d:8.98s}
.mx .mc:nth-child(94){--d:9.07s}
.mx .mc:nth-child(95){--d:9.16s}
.mx .mc:nth-child(96){--d:9.25s}
.mx .mc:nth-child(97){--d:9.34s}
.mx .mc:nth-child(98){--d:9.43s}
.mx .mc:nth-child(99){--d:9.52s}
.mx .mc:nth-child(100){--d:9.61s}
.mx.n1{--rd:1.29s}
.mx.n2{--rd:1.38s}
.mx.n3{--rd:1.47s}
.mx.n4{--rd:1.56s}
.mx.n5{--rd:1.65s}
.mx.n6{--rd:1.74s}
.mx.n7{--rd:1.83s}
.mx.n8{--rd:1.92s}
.mx.n9{--rd:2.01s}
.mx.n10{--rd:2.1s}
.mx.n11{--rd:2.19s}
.mx.n12{--rd:2.28s}
.mx.n13{--rd:2.37s}
.mx.n14{--rd:2.46s}
.mx.n15{--rd:2.55s}
.mx.n16{--rd:2.64s}
.mx.n17{--rd:2.73s}
.mx.n18{--rd:2.82s}
.mx.n19{--rd:2.91s}
.mx.n20{--rd:3s}
.mx.n21{--rd:3.09s}
.mx.n22{--rd:3.18s}
.mx.n23{--rd:3.27s}
.mx.n24{--rd:3.36s}
.mx.n25{--rd:3.45s}
.mx.n26{--rd:3.54s}
.mx.n27{--rd:3.63s}
.mx.n28{--rd:3.72s}
.mx.n29{--rd:3.81s}
.mx.n30{--rd:3.9s}
.mx.fast .mc:nth-child(1){--d:0.7s}
.mx.fast .mc:nth-child(2){--d:0.745s}
.mx.fast .mc:nth-child(3){--d:0.79s}
.mx.fast .mc:nth-child(4){--d:0.835s}
.mx.fast .mc:nth-child(5){--d:0.88s}
.mx.fast .mc:nth-child(6){--d:0.925s}
.mx.fast .mc:nth-child(7){--d:0.97s}
.mx.fast .mc:nth-child(8){--d:1.015s}
.mx.fast .mc:nth-child(9){--d:1.06s}
.mx.fast .mc:nth-child(10){--d:1.105s}
.mx.fast .mc:nth-child(11){--d:1.15s}
.mx.fast .mc:nth-child(12){--d:1.195s}
.mx.fast .mc:nth-child(13){--d:1.24s}
.mx.fast .mc:nth-child(14){--d:1.285s}
.mx.fast .mc:nth-child(15){--d:1.33s}
.mx.fast .mc:nth-child(16){--d:1.375s}
.mx.fast .mc:nth-child(17){--d:1.42s}
.mx.fast .mc:nth-child(18){--d:1.465s}
.mx.fast .mc:nth-child(19){--d:1.51s}
.mx.fast .mc:nth-child(20){--d:1.555s}
.mx.fast .mc:nth-child(21){--d:1.6s}
.mx.fast .mc:nth-child(22){--d:1.645s}
.mx.fast .mc:nth-child(23){--d:1.69s}
.mx.fast .mc:nth-child(24){--d:1.735s}
.mx.fast .mc:nth-child(25){--d:1.78s}
.mx.fast .mc:nth-child(26){--d:1.825s}
.mx.fast .mc:nth-child(27){--d:1.87s}
.mx.fast .mc:nth-child(28){--d:1.915s}
.mx.fast .mc:nth-child(29){--d:1.96s}
.mx.fast .mc:nth-child(30){--d:2.005s}
.mx.fast .mc:nth-child(31){--d:2.05s}
.mx.fast .mc:nth-child(32){--d:2.095s}
.mx.fast .mc:nth-child(33){--d:2.14s}
.mx.fast .mc:nth-child(34){--d:2.185s}
.mx.fast .mc:nth-child(35){--d:2.23s}
.mx.fast .mc:nth-child(36){--d:2.275s}
.mx.fast .mc:nth-child(37){--d:2.32s}
.mx.fast .mc:nth-child(38){--d:2.365s}
.mx.fast .mc:nth-child(39){--d:2.41s}
.mx.fast .mc:nth-child(40){--d:2.455s}
.mx.fast .mc:nth-child(41){--d:2.5s}
.mx.fast .mc:nth-child(42){--d:2.545s}
.mx.fast .mc:nth-child(43){--d:2.59s}
.mx.fast .mc:nth-child(44){--d:2.635s}
.mx.fast .mc:nth-child(45){--d:2.68s}
.mx.fast .mc:nth-child(46){--d:2.725s}
.mx.fast .mc:nth-child(47){--d:2.77s}
.mx.fast .mc:nth-child(48){--d:2.815s}
.mx.fast .mc:nth-child(49){--d:2.86s}
.mx.fast .mc:nth-child(50){--d:2.905s}
.mx.fast .mc:nth-child(51){--d:2.95s}
.mx.fast .mc:nth-child(52){--d:2.995s}
.mx.fast .mc:nth-child(53){--d:3.04s}
.mx.fast .mc:nth-child(54){--d:3.085s}
.mx.fast .mc:nth-child(55){--d:3.13s}
.mx.fast .mc:nth-child(56){--d:3.175s}
.mx.fast .mc:nth-child(57){--d:3.22s}
.mx.fast .mc:nth-child(58){--d:3.265s}
.mx.fast .mc:nth-child(59){--d:3.31s}
.mx.fast .mc:nth-child(60){--d:3.355s}
.mx.fast .mc:nth-child(61){--d:3.4s}
.mx.fast .mc:nth-child(62){--d:3.445s}
.mx.fast .mc:nth-child(63){--d:3.49s}
.mx.fast .mc:nth-child(64){--d:3.535s}
.mx.fast .mc:nth-child(65){--d:3.58s}
.mx.fast .mc:nth-child(66){--d:3.625s}
.mx.fast .mc:nth-child(67){--d:3.67s}
.mx.fast .mc:nth-child(68){--d:3.715s}
.mx.fast .mc:nth-child(69){--d:3.76s}
.mx.fast .mc:nth-child(70){--d:3.805s}
.mx.fast .mc:nth-child(71){--d:3.85s}
.mx.fast .mc:nth-child(72){--d:3.895s}
.mx.fast .mc:nth-child(73){--d:3.94s}
.mx.fast .mc:nth-child(74){--d:3.985s}
.mx.fast .mc:nth-child(75){--d:4.03s}
.mx.fast .mc:nth-child(76){--d:4.075s}
.mx.fast .mc:nth-child(77){--d:4.12s}
.mx.fast .mc:nth-child(78){--d:4.165s}
.mx.fast .mc:nth-child(79){--d:4.21s}
.mx.fast .mc:nth-child(80){--d:4.255s}
.mx.fast .mc:nth-child(81){--d:4.3s}
.mx.fast .mc:nth-child(82){--d:4.345s}
.mx.fast .mc:nth-child(83){--d:4.39s}
.mx.fast .mc:nth-child(84){--d:4.435s}
.mx.fast .mc:nth-child(85){--d:4.48s}
.mx.fast .mc:nth-child(86){--d:4.525s}
.mx.fast .mc:nth-child(87){--d:4.57s}
.mx.fast .mc:nth-child(88){--d:4.615s}
.mx.fast .mc:nth-child(89){--d:4.66s}
.mx.fast .mc:nth-child(90){--d:4.705s}
.mx.fast .mc:nth-child(91){--d:4.75s}
.mx.fast .mc:nth-child(92){--d:4.795s}
.mx.fast .mc:nth-child(93){--d:4.84s}
.mx.fast .mc:nth-child(94){--d:4.885s}
.mx.fast .mc:nth-child(95){--d:4.93s}
.mx.fast .mc:nth-child(96){--d:4.975s}
.mx.fast .mc:nth-child(97){--d:5.02s}
.mx.fast .mc:nth-child(98){--d:5.065s}
.mx.fast .mc:nth-child(99){--d:5.11s}
.mx.fast .mc:nth-child(100){--d:5.155s}
.mx.fast.n31{--rd:2.595s}
.mx.fast.n32{--rd:2.64s}
.mx.fast.n33{--rd:2.685s}
.mx.fast.n34{--rd:2.73s}
.mx.fast.n35{--rd:2.775s}
.mx.fast.n36{--rd:2.82s}
.mx.fast.n37{--rd:2.865s}
.mx.fast.n38{--rd:2.91s}
.mx.fast.n39{--rd:2.955s}
.mx.fast.n40{--rd:3s}
.mx.fast.n41{--rd:3.045s}
.mx.fast.n42{--rd:3.09s}
.mx.fast.n43{--rd:3.135s}
.mx.fast.n44{--rd:3.18s}
.mx.fast.n45{--rd:3.225s}
.mx.fast.n46{--rd:3.27s}
.mx.fast.n47{--rd:3.315s}
.mx.fast.n48{--rd:3.36s}
.mx.fast.n49{--rd:3.405s}
.mx.fast.n50{--rd:3.45s}
.mx.fast.n51{--rd:3.495s}
.mx.fast.n52{--rd:3.54s}
.mx.fast.n53{--rd:3.585s}
.mx.fast.n54{--rd:3.63s}
.mx.fast.n55{--rd:3.675s}
.mx.fast.n56{--rd:3.72s}
.mx.fast.n57{--rd:3.765s}
.mx.fast.n58{--rd:3.81s}
.mx.fast.n59{--rd:3.855s}
.mx.fast.n60{--rd:3.9s}
.mx.fast.n61{--rd:3.945s}
.mx.fast.n62{--rd:3.99s}
.mx.fast.n63{--rd:4.035s}
.mx.fast.n64{--rd:4.08s}
.mx.fast.n65{--rd:4.125s}
.mx.fast.n66{--rd:4.17s}
.mx.fast.n67{--rd:4.215s}
.mx.fast.n68{--rd:4.26s}
.mx.fast.n69{--rd:4.305s}
.mx.fast.n70{--rd:4.35s}
.mx.fast.n71{--rd:4.395s}
.mx.fast.n72{--rd:4.44s}
.mx.fast.n73{--rd:4.485s}
.mx.fast.n74{--rd:4.53s}
.mx.fast.n75{--rd:4.575s}
.mx.fast.n76{--rd:4.62s}
.mx.fast.n77{--rd:4.665s}
.mx.fast.n78{--rd:4.71s}
.mx.fast.n79{--rd:4.755s}
.mx.fast.n80{--rd:4.8s}
.mx.fast.n81{--rd:4.845s}
.mx.fast.n82{--rd:4.89s}
.mx.fast.n83{--rd:4.935s}
.mx.fast.n84{--rd:4.98s}
.mx.fast.n85{--rd:5.025s}
.mx.fast.n86{--rd:5.07s}
.mx.fast.n87{--rd:5.115s}
.mx.fast.n88{--rd:5.16s}
.mx.fast.n89{--rd:5.205s}
.mx.fast.n90{--rd:5.25s}
.mx.fast.n91{--rd:5.295s}
.mx.fast.n92{--rd:5.34s}
.mx.fast.n93{--rd:5.385s}
.mx.fast.n94{--rd:5.43s}
.mx.fast.n95{--rd:5.475s}
.mx.fast.n96{--rd:5.52s}
.mx.fast.n97{--rd:5.565s}
.mx.fast.n98{--rd:5.61s}
.mx.fast.n99{--rd:5.655s}
.mx.fast.n100{--rd:5.7s}