:root{--grain:url(/texture-0.webp);--glitter:url(/texture-1.png);--illusion:url(/texture-2.png);--illusionmask:url(/texture-3.png);--geometric:url(/texture-4.png);--ancient:url(/texture-5.png);--vmaxbg:url(/texture-6.jpeg);--card-aspect:.7158;--card-radius:4.55% / 3.5%;--card-edge:#ffe78f;--card-glow:#ccfffb;--sunpillar-1:#ff7a75;--sunpillar-2:#ffed61;--sunpillar-3:#a8ff61;--sunpillar-4:#85fff7;--sunpillar-5:#7a95ff;--sunpillar-6:#d875ff;--sunpillar-clr-1:var(--sunpillar-1);--sunpillar-clr-2:var(--sunpillar-2);--sunpillar-clr-3:var(--sunpillar-3);--sunpillar-clr-4:var(--sunpillar-4);--sunpillar-clr-5:var(--sunpillar-5);--sunpillar-clr-6:var(--sunpillar-6);--red:#f80e35;--yellow:#eedf10;--green:#21e985;--blue:#0dbde9;--violet:#c929f1;--glittersize:25%;--space:5%;--angle:133deg;--imgsize:cover;--clip:none;--clip-invert:none;--pointer-x:50%;--pointer-y:50%;--card-scale:1;--card-opacity:0;--translate-x:0px;--translate-y:0px;--rotate-x:0deg;--rotate-y:0deg;--background-x:var(--pointer-x);--background-y:var(--pointer-y);--pointer-from-center:0;--pointer-from-top:var(--pointer-from-center);--pointer-from-left:var(--pointer-from-center)}.card[data-era=wotc]{--card-aspect:.7273}.card.type-water{--card-glow:#36d4fc}.card.type-fire{--card-glow:#eb5b42}.card.type-grass{--card-glow:#97ee5d}.card.type-lightning{--card-glow:#f3e24f}.card.type-psychic{--card-glow:#ac51d6}.card.type-fighting{--card-glow:#915a27}.card.type-darkness{--card-glow:#106a7a}.card.type-metal{--card-glow:#a3c0c2}.card.type-dragon{--card-glow:#8f7f24}.card.type-fairy{--card-glow:#ffc7e9}.card.type-colorless{--card-glow:#eae3d7}.card{transform-style:preserve-3d;pointer-events:none;position:relative;transform:translateZ(.01px)}.card,.card *{outline:1px solid #0000}.card.live{z-index:3;will-change:transform}.card,.card__rotator{aspect-ratio:var(--card-aspect);border-radius:var(--card-radius)}.card__translater,.card__rotator{perspective:600px;transform-origin:50%;transform-style:preserve-3d;display:grid}.card__translater{transform:translate3d(var(--translate-x), var(--translate-y), .01px) scale(var(--card-scale));position:relative}.card__rotator{transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));transform-style:preserve-3d;pointer-events:auto;appearance:none;cursor:pointer;background:0 0;border:0;margin:0;padding:0;transition:box-shadow .4s;box-shadow:0 10px 20px -5px #000000e6,0 2px 15px -5px #000000e6}.card.active .card__rotator,.card__rotator:focus-visible{box-shadow:0 0 3px -1px white, 0 0 3px 1px var(--card-edge), 0 0 12px 2px var(--card-glow), 0 10px 20px -5px black, 0 0 40px -30px var(--card-glow), 0 0 50px -20px var(--card-glow)}.card__rotator:focus-visible{outline:2px solid var(--card-glow);outline-offset:4px}.card__rotator *{width:100%;aspect-ratio:var(--card-aspect);border-radius:var(--card-radius);image-rendering:optimizeQuality;transform-style:preserve-3d;pointer-events:none;grid-area:1/1;display:grid;overflow:hidden}.card__front{backface-visibility:hidden;background:linear-gradient(160deg,#1d2436,#111624 60%,#1a2031);transform:translateZ(.01px)}.card__front img{opacity:0;height:auto;transition:opacity .35s ease-out;transform:translateZ(.01px)}.card.loaded .card__front img{opacity:1}.card:not(.live) .card__rotator .card__shine,.card:not(.live) .card__rotator .card__glare{display:none}.card__shine{z-index:3;filter:brightness(.85)contrast(2.75)saturate(.65);mix-blend-mode:color-dodge;opacity:var(--card-opacity);background:50%/cover;display:grid;overflow:hidden;transform:translateZ(1px)}.card__shine:before,.card__shine:after{--sunpillar-clr-1:var(--sunpillar-5);--sunpillar-clr-2:var(--sunpillar-6);--sunpillar-clr-3:var(--sunpillar-1);--sunpillar-clr-4:var(--sunpillar-2);--sunpillar-clr-5:var(--sunpillar-3);--sunpillar-clr-6:var(--sunpillar-4);border-radius:var(--card-radius);grid-area:1/1;transform:translateZ(1px)}.card__shine:after{--sunpillar-clr-1:var(--sunpillar-6);--sunpillar-clr-2:var(--sunpillar-1);--sunpillar-clr-3:var(--sunpillar-2);--sunpillar-clr-4:var(--sunpillar-3);--sunpillar-clr-5:var(--sunpillar-4);--sunpillar-clr-6:var(--sunpillar-5);transform:translateZ(1.2px)}.card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #fffc 10%, #ffffffa6 20%, #00000080 90%);opacity:var(--card-opacity);mix-blend-mode:overlay;overflow:hidden;transform:translateZ(1.41px)}.card__glare:after{border-radius:var(--card-radius);grid-area:1/1}.card[data-fx=holo] .card__shine,.card[data-fx=holo] .card__glare:after{clip-path:var(--clip)}.card[data-fx=holo] .card__shine{--scanlines-space:1px;--scanlines-light:#666;--scanlines-dark:black;--bars:3%;--bar-color:#b3b3b3;--bar-bg:#000;background-image:repeating-linear-gradient(110deg, var(--violet), var(--blue), var(--green), var(--yellow), var(--red), var(--violet), var(--blue), var(--green), var(--yellow), var(--red), var(--violet), var(--blue), var(--green), var(--yellow), var(--red)), repeating-linear-gradient(90deg, var(--scanlines-dark) calc(var(--scanlines-space) * 0), var(--scanlines-dark) calc(var(--scanlines-space) * 2), var(--scanlines-light) calc(var(--scanlines-space) * 2), var(--scanlines-light) calc(var(--scanlines-space) * 4));background-position:calc(((50% - var(--background-x)) * 2.6) + 50%) calc(((50% - var(--background-y)) * 3.5) + 50%), center center;background-blend-mode:overlay;filter:brightness(1.1)contrast(1.1)saturate(1.2);mix-blend-mode:color-dodge;background-size:400% 400%,cover}.card[data-fx=holo] .card__shine:before{content:"";background-image:repeating-linear-gradient(90deg, var(--bar-bg) calc(var(--bars) * 2), var(--bar-color) calc(var(--bars) * 3), var(--bar-bg) calc(var(--bars) * 3.5), var(--bar-color) calc(var(--bars) * 4), var(--bar-bg) calc(var(--bars) * 5), var(--bar-bg) calc(var(--bars) * 14)), repeating-linear-gradient(90deg, var(--bar-bg) calc(var(--bars) * 2), var(--bar-color) calc(var(--bars) * 3), var(--bar-bg) calc(var(--bars) * 3.5), var(--bar-color) calc(var(--bars) * 4), var(--bar-bg) calc(var(--bars) * 5), var(--bar-bg) calc(var(--bars) * 10));background-position:calc((((50% - var(--background-x)) * 1.65) + 50%) + (var(--background-y) * .5)) var(--background-x), calc((((50% - var(--background-x)) * -.9) + 50%) - (var(--background-y) * .75)) var(--background-y);background-blend-mode:screen;filter:brightness(1.15)contrast(1.1);mix-blend-mode:hard-light;background-size:200% 200%,200% 200%}.card[data-fx=holo] .card__shine:after{content:"";background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #e6e6e6cc 0%, #c7c7c71a 25%, #000 90%);mix-blend-mode:luminosity;filter:brightness(.6)contrast(4);background-position:50%;background-size:cover}@media (width<=900px){.card[data-fx=holo] .card__shine{--scanlines-space:.5px}}.card[data-fx=holo] .card__glare{opacity:calc(var(--card-opacity) * .8);filter:brightness(.8)contrast(1.5);mix-blend-mode:overlay}.card[data-fx=holo] .card__glare:after{content:"";background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #e6ffff 5%, #63636340 55%, #0000005c 110%);mix-blend-mode:overlay;filter:brightness(.6)contrast(3)}.card[data-fx=reverse]{--foil-brightness:.55}.card[data-fx=reverse].type-lightning{--foil-brightness:.7}.card[data-fx=reverse].type-darkness{--foil-brightness:.8}.card[data-fx=reverse].type-metal{--foil-brightness:.6}.card[data-fx=reverse] .card__shine{background-image:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #fff 5%, #000 50%, #fff 80%), linear-gradient(-45deg, #000 15%, #fff, #000 85%);background-blend-mode:soft-light, difference;background-size:120% 120%,200% 200%;background-position:center center, calc(100% * var(--pointer-from-left)) calc(100% * var(--pointer-from-top));filter:brightness(var(--foil-brightness)) contrast(1.5) saturate(1);mix-blend-mode:color-dodge;opacity:calc((1.5 * var(--card-opacity)) - var(--pointer-from-center));clip-path:var(--clip-invert)}.card[data-fx=reverse] .card__glare{opacity:var(--card-opacity);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #fffc 10%, #ffffff80 20%, #000000bf 90%);filter:brightness(.7)contrast(1.5)}.card[data-fx=reverse] .card__glare:after{content:"";opacity:var(--card-opacity);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #fff 10%, #ffffff80 20%, #00000080 120%);filter:brightness()contrast(1.5);clip-path:var(--clip)}.card[data-fx=ex] .card__shine,.card[data-fx=ex] .card__shine:after{--space:5%;--angle:133deg;--imgsize:500px;background-image:var(--grain), repeating-linear-gradient(0deg, var(--sunpillar-clr-1) calc(var(--space) * 1), var(--sunpillar-clr-2) calc(var(--space) * 2), var(--sunpillar-clr-3) calc(var(--space) * 3), var(--sunpillar-clr-4) calc(var(--space) * 4), var(--sunpillar-clr-5) calc(var(--space) * 5), var(--sunpillar-clr-6) calc(var(--space) * 6), var(--sunpillar-clr-1) calc(var(--space) * 7)), repeating-linear-gradient(var(--angle), #0e152e 0%, #8fa3a3 3.8%, #8fc1c1 4.5%, #8fa3a3 5.2%, #0e152e 10%, #0e152e 12%), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #0000001a 12%, #00000026 20%, #00000040 120%);background-blend-mode:screen, hue, hard-light;background-size:var(--imgsize) 100%, 200% 700%, 300% 100%, 200% 100%;background-position:center, 0% var(--background-y), var(--background-x) var(--background-y), var(--background-x) var(--background-y)}.card[data-fx=ex] .card__shine{filter:brightness(.7)contrast(2)saturate(.5)}.card[data-fx=ex] .card__shine:after{content:"";background-position:center, 0% var(--background-y), calc(var(--background-x) * -1) calc(var(--background-y) * -1), var(--background-x) var(--background-y);background-size:var(--imgsize) 100%, 200% 400%, 195% 100%, 200% 100%;filter:brightness()contrast(2.5)saturate(1.75);mix-blend-mode:soft-light}.card[data-fx=ex] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #fff 0%, #868a8d54 45%, #333333e6 130%);opacity:calc(var(--card-opacity) * .5);mix-blend-mode:hard-light;filter:brightness(.9)contrast(1.75)}.card[data-fx=ir] .card__shine,.card[data-fx=ir] .card__shine:after{--space:5%;--angle:133deg;--foil:var(--illusion);--imgsize:33%;background-image:var(--foil), repeating-linear-gradient(0deg, var(--sunpillar-clr-1) calc(var(--space) * 1), var(--sunpillar-clr-2) calc(var(--space) * 2), var(--sunpillar-clr-3) calc(var(--space) * 3), var(--sunpillar-clr-4) calc(var(--space) * 4), var(--sunpillar-clr-5) calc(var(--space) * 5), var(--sunpillar-clr-6) calc(var(--space) * 6), var(--sunpillar-clr-1) calc(var(--space) * 7)), repeating-linear-gradient(var(--angle), #0e152e 0%, #8fa3a3 3.8%, #8fc1c1 4.5%, #8fa3a3 5.2%, #0e152e 10%, #0e152e 12%), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #0000001a 12%, #00000026 20%, #00000040 120%);background-position:center center, 0% var(--background-y), calc(var(--background-x) + (var(--background-y) * .2)) var(--background-y), var(--background-x) var(--background-y);background-blend-mode:exclusion, hue, hard-light;background-size:var(--imgsize), 200% 700%, 300% 100%, 200% 100%;filter:brightness(calc((var(--pointer-from-center) * .3) + .35)) contrast(2) saturate(1.5)}.card[data-fx=ir] .card__shine:after{content:"";background-position:center center, 0% var(--background-y), calc((var(--background-x) + (var(--background-y) * .2)) * -1) calc(var(--background-y) * -1), var(--background-x) var(--background-y);background-size:var(--imgsize), 200% 400%, 195% 100%, 200% 100%;filter:brightness(calc((var(--pointer-from-center) * .5) + .8)) contrast(1.6) saturate(1.4);mix-blend-mode:exclusion}.card[data-fx=ir] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #bfbfbf 5%, #555b5e 60%, #240f1d 150%);mix-blend-mode:hard-light;filter:brightness()contrast(1.2)saturate();opacity:calc(var(--card-opacity) * .75);background-position:50%;background-size:120% 150%}.card[data-fx=ur] .card__shine,.card[data-fx=ur] .card__shine:after{--space:5%;--angle:133deg;--foil:var(--ancient);--imgsize:18% 15%;background-image:var(--foil), repeating-linear-gradient(0deg, var(--sunpillar-clr-1) calc(var(--space) * 1), var(--sunpillar-clr-2) calc(var(--space) * 2), var(--sunpillar-clr-3) calc(var(--space) * 3), var(--sunpillar-clr-4) calc(var(--space) * 4), var(--sunpillar-clr-5) calc(var(--space) * 5), var(--sunpillar-clr-6) calc(var(--space) * 6), var(--sunpillar-clr-1) calc(var(--space) * 7)), repeating-linear-gradient(var(--angle), #0e152e 0%, #8fa3a3 3.8%, #8fc1c1 4.5%, #8fa3a3 5.2%, #0e152e 10%, #0e152e 12%), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #0000001a 12%, #00000026 20%, #00000040 120%);background-blend-mode:exclusion, hue, hard-light;background-size:var(--imgsize), 200% 700%, 300% 100%, 200% 100%;background-position:center center, 0% var(--background-y), var(--background-x) var(--background-y), var(--background-x) var(--background-y);filter:brightness(calc((var(--pointer-from-center) * .25) + .35)) contrast(1.8) saturate(1.75)}.card[data-fx=ur] .card__shine:after{content:"";background-size:var(--imgsize), 200% 400%, 195% 100%, 200% 100%;background-position:center center, 0% var(--background-y), calc(var(--background-x) * -1) calc(var(--background-y) * -1), var(--background-x) var(--background-y);filter:brightness(calc((var(--pointer-from-center) * .75) + .5)) contrast(1.5) saturate(1.5);mix-blend-mode:exclusion}.card[data-fx=ur] .card__shine:before{content:"";background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #c8ced0bf 0%, #7d778840 45%, #887785 120%);mix-blend-mode:hard-light;z-index:2;opacity:.8}.card[data-fx=ur] .card__glare{filter:brightness(.55)contrast(2);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #cff1fc 5%, #9c969c 60%, #262626 150%);mix-blend-mode:hard-light;opacity:calc(var(--card-opacity) * (var(--pointer-from-center) * .75))}.card[data-fx=sir] .card__shine{--imgsize:25% auto;--r-clr-1:#942929;--r-clr-2:#98752f;--r-clr-3:#598f24;--r-clr-4:#248f8f;--r-clr-5:#248f8f;--r-clr-6:#2b639c;--r-clr-7:#5e247b;background-image:repeating-linear-gradient(var(--angle), #af67cbbf calc(var(--space) * 1), #df4e49bf calc(var(--space) * 2), #d7c537bf calc(var(--space) * 3), #7ec940bf calc(var(--space) * 4), #4fb0a9bf calc(var(--space) * 5), #8aa1ffbf calc(var(--space) * 6), #b16bccbf calc(var(--space) * 7)), var(--glitter), linear-gradient(-30deg, var(--r-clr-1), var(--r-clr-2), var(--r-clr-3), var(--r-clr-4), var(--r-clr-5), var(--r-clr-6), var(--r-clr-7), var(--r-clr-1), var(--r-clr-2), var(--r-clr-3), var(--r-clr-4), var(--r-clr-5), var(--r-clr-6), var(--r-clr-7), var(--r-clr-1), var(--r-clr-2), var(--r-clr-3), var(--r-clr-4), var(--r-clr-5), var(--r-clr-6), var(--r-clr-7), var(--r-clr-1));background-size:200% 400%, var(--glittersize) var(--glittersize), 400% 400%;background-position:0% calc(var(--background-y) * 1), center center, calc(var(--background-x) * 1.5) calc(var(--background-y) * 1.5);background-blend-mode:luminosity, overlay;filter:brightness(calc((var(--pointer-from-center) * .3) + .3)) contrast(3) saturate(1.8)}.card[data-fx=sir] .card__shine:after{content:"";background-image:var(--glitter), linear-gradient(-60deg, var(--r-clr-1), var(--r-clr-2), var(--r-clr-3), var(--r-clr-4), var(--r-clr-5), var(--r-clr-6), var(--r-clr-7), var(--r-clr-1), var(--r-clr-2), var(--r-clr-3), var(--r-clr-4), var(--r-clr-5), var(--r-clr-6), var(--r-clr-7), var(--r-clr-1), var(--r-clr-2), var(--r-clr-3), var(--r-clr-4), var(--r-clr-5), var(--r-clr-6), var(--r-clr-7), var(--r-clr-1));background-blend-mode:overlay;background-size:var(--glittersize) var(--glittersize), 400% 400%;background-position:center center, calc(var(--background-x) * -1.5) calc(var(--background-y) * -1.5);filter:brightness(calc((var(--pointer-from-center) * .5) + .6)) contrast(3) saturate(1);mix-blend-mode:color-dodge;opacity:calc(1.2 + (var(--pointer-from-center) / 2) * -1)}.card[data-fx=sir] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ebe9e0bf 0%, #3d5c4da6 45%, #000 100%);filter:brightness(.9)contrast(2);opacity:calc(var(--card-opacity) * .75)}.card[data-fx=hr] .card__shine{--shift:1px;--foil:var(--geometric);--imgsize:33%;background-image:var(--glitter), var(--glitter), conic-gradient(var(--sunpillar-clr-4), var(--sunpillar-clr-5), var(--sunpillar-clr-6), var(--sunpillar-clr-1), var(--sunpillar-clr-4)), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #000000fa 10%, #f2f2f226 90%);background-size:var(--glittersize) var(--glittersize), var(--glittersize) var(--glittersize), cover, cover;background-blend-mode:soft-light, hard-light, overlay;mix-blend-mode:color-dodge;filter:brightness(calc(.2 + (var(--pointer-from-center) * .3))) contrast(2) saturate(.75);background-position:45% 45%,55% 55%,50%,50%}.card[data-fx=hr] .card__shine:before{content:"";background-image:var(--foil), linear-gradient(45deg, #f9c006, #ffea61), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ebe2e0f2 10%, #000 70%);background-size:var(--imgsize), cover, cover;background-blend-mode:hard-light, multiply;mix-blend-mode:lighten;filter:brightness(1.25)contrast(1.25)saturate(.35);opacity:.8;background-position:50%,50%,50%}.card[data-fx=hr] .card__shine:after{content:"";background-image:var(--glitter);background-size:var(--glittersize) var(--glittersize);background-position:calc(50% - ((var(--shift) * 2) * var(--pointer-from-left)) + var(--shift)) calc(50% - ((var(--shift) * 2) * var(--pointer-from-top)) + var(--shift));filter:brightness(calc((var(--pointer-from-center) * .6) + .6)) contrast(1.5);mix-blend-mode:overlay}.card[data-fx=hr] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #d0cec84d 0%, #231d1a 180%);filter:brightness(1.3)contrast(1.5);mix-blend-mode:hard-light}.card[data-fx=vmax] .card__shine{--space:6%;--angle:133deg;--foil:var(--vmaxbg);--imgsize:60% 30%;background-image:var(--foil), repeating-linear-gradient(-33deg, #cc2a24 calc(var(--space) * 1), #6c82da calc(var(--space) * 2), #2d9a93 calc(var(--space) * 3), #1d9623 calc(var(--space) * 4), #b53fe4 calc(var(--space) * 5), #cc2a24 calc(var(--space) * 6)), repeating-linear-gradient(var(--angle), #0e152f80 0%, #738c8c 2.5%, #64862d 5%, #738c8c 7.5%, #0e152f80 10%, #0e152f80 15%), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #98e4f199 0%, #a2e7c199 25%, #b184db99 50%, #e0909699 75%);background-blend-mode:difference, luminosity, soft-light;background-size:var(--imgsize), 1100% 1100%, 600% 600%, 200% 200%;background-position:center, var(--background-x) var(--background-y), var(--background-x) var(--background-y), var(--background-x) var(--background-y);filter:brightness(calc((var(--pointer-from-center) * .4) + .4)) contrast(2) saturate(1)}.card[data-fx=vmax] .card__shine:after{content:"";--space:6%;--angle:133deg;background-image:repeating-linear-gradient(0deg, var(--sunpillar-clr-1) calc(var(--space) * 1), var(--sunpillar-clr-2) calc(var(--space) * 2), var(--sunpillar-clr-3) calc(var(--space) * 3), var(--sunpillar-clr-4) calc(var(--space) * 4), var(--sunpillar-clr-5) calc(var(--space) * 5), var(--sunpillar-clr-6) calc(var(--space) * 6), var(--sunpillar-clr-1) calc(var(--space) * 7)), repeating-linear-gradient(var(--angle), #0e152e 0%, #8fa3a3 3.8%, #8fc1c1 4.5%, #8fa3a3 5.2%, #0e152e 10%, #0e152e 12%);background-blend-mode:hue, hard-light;background-size:200% 700%,300% 100%;background-position:0% var(--background-y), var(--background-x) var(--background-y);mix-blend-mode:lighten;opacity:calc((.3 * var(--card-opacity)) + var(--card-opacity) * var(--pointer-from-center) * .5);filter:saturate(1.5)}.card[data-fx=vmax] .card__glare{mix-blend-mode:hard-light;filter:brightness()contrast();background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ffffffbf 0%, #000 120%);opacity:calc((.2 * var(--card-opacity)) + var(--card-opacity) * var(--pointer-from-center) * .8)}.card[data-fx=shiny] .card__shine,.card[data-fx=shiny] .card__shine:after{--space:5%;--angle:133deg;--foil:var(--illusion);--imgsize:33%;background-image:var(--foil), repeating-linear-gradient(0deg, var(--sunpillar-clr-1) calc(var(--space) * 1), var(--sunpillar-clr-2) calc(var(--space) * 2), var(--sunpillar-clr-3) calc(var(--space) * 3), var(--sunpillar-clr-4) calc(var(--space) * 4), var(--sunpillar-clr-5) calc(var(--space) * 5), var(--sunpillar-clr-6) calc(var(--space) * 6), var(--sunpillar-clr-1) calc(var(--space) * 7)), repeating-linear-gradient(var(--angle), #0e152e 0%, #8fa3a3 3.8%, #8fc1c1 4.5%, #8fa3a3 5.2%, #0e152e 10%, #0e152e 12%), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #0000001a 12%, #00000026 20%, #00000040 120%);background-position:center center, 0% var(--background-y), calc(var(--background-x) + (var(--background-y) * .2)) var(--background-y), var(--background-x) var(--background-y);background-blend-mode:exclusion, hue, hard-light;background-size:var(--imgsize), 200% 700%, 300% 100%, 200% 100%;filter:brightness(calc((var(--pointer-from-center) * .35) + .5)) contrast(2) saturate(1.5)}.card[data-fx=shiny] .card__shine:after{content:"";background-position:center center, 0% var(--background-y), calc((var(--background-x) + (var(--background-y) * .2)) * -1) calc(var(--background-y) * -1), var(--background-x) var(--background-y);background-size:var(--imgsize), 200% 400%, 195% 100%, 200% 100%;filter:brightness(calc((var(--pointer-from-center) * .4) + .5)) contrast(1.4) saturate(1.2);mix-blend-mode:difference}.card[data-fx=shiny] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #fff 0%, #282427 150%);mix-blend-mode:multiply;filter:brightness(1.2)contrast()saturate(.7);opacity:calc(var(--card-opacity) * var(--pointer-from-center));background-position:50%;background-size:cover}.card[data-fx=rainbow] .card__shine{--foil:var(--illusionmask);--imgsize:33%;--r-clr-1:#942929;--r-clr-2:#98752f;--r-clr-3:#598f24;--r-clr-4:#248f8f;--r-clr-5:#248f8f;--r-clr-6:#2b639c;--r-clr-7:#5e247b;background-image:linear-gradient(-45deg, var(--r-clr-1), var(--r-clr-5)), var(--glitter), linear-gradient(-30deg, var(--r-clr-1), var(--r-clr-2), var(--r-clr-3), var(--r-clr-4), var(--r-clr-5), var(--r-clr-6), var(--r-clr-7), var(--r-clr-1), var(--r-clr-2), var(--r-clr-3), var(--r-clr-4), var(--r-clr-5), var(--r-clr-6), var(--r-clr-7), var(--r-clr-1), var(--r-clr-2), var(--r-clr-3), var(--r-clr-4), var(--r-clr-5), var(--r-clr-6), var(--r-clr-7), var(--r-clr-1));background-blend-mode:luminosity, soft-light;background-size:200% 200%, var(--glittersize) var(--glittersize), 400% 400%;background-position:calc(25% + (50% * var(--pointer-from-left))) calc(25% + (50% * var(--pointer-from-top))), center center, calc(25% + (var(--pointer-x) / 2)) calc(25% + (var(--pointer-y) / 2));filter:brightness(calc((var(--pointer-from-center) * .25) + .6)) contrast(2.2) saturate(.75)}.card[data-fx=rainbow] .card__shine:after{content:"";background-image:var(--glitter), linear-gradient(-60deg, var(--r-clr-1), var(--r-clr-2), var(--r-clr-3), var(--r-clr-4), var(--r-clr-5), var(--r-clr-6), var(--r-clr-7), var(--r-clr-1), var(--r-clr-2), var(--r-clr-3), var(--r-clr-4), var(--r-clr-5), var(--r-clr-6), var(--r-clr-7), var(--r-clr-1), var(--r-clr-2), var(--r-clr-3), var(--r-clr-4), var(--r-clr-5), var(--r-clr-6), var(--r-clr-7), var(--r-clr-1));background-blend-mode:soft-light;background-size:var(--glittersize) var(--glittersize), 400% 400%;background-position:center center, var(--pointer-x) var(--pointer-y);filter:brightness(calc((var(--pointer-from-center) * .3) + .55)) contrast(2) saturate(1);mix-blend-mode:color-dodge}.card[data-fx=rainbow] .card__shine:before{content:"";background-image:var(--foil);background-size:var(--imgsize);filter:brightness(2.5)contrast();opacity:calc((var(--pointer-from-center) + .4) * .6);background-blend-mode:difference;mix-blend-mode:darken;background-position:50%}.card[data-fx=rainbow] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ccc, #d5dcdd40 30%, #3c4144 120%);filter:brightness(.9)contrast(1.75);opacity:calc(var(--card-opacity) * var(--pointer-from-center) * .9);mix-blend-mode:hard-light}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#edf1f7;--surface:#fff;--ink:#1a2233;--muted:#5e6879;--faint:#8e97a8;--line:#d8dfea;--gold:#c7952a;--silver:#8c97a8;--pink:#d2477f;--accent:#c92a26;--accent-2:#ffb36b;--display:"Fredoka", "Trebuchet MS", system-ui, sans-serif;--ui:"Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--pw:min(290px, 62vw, calc((100dvh - 250px) * .6));--cw:min(340px, 76vw, calc((100dvh - 290px) * .716));--cut:20%}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{color:var(--ink);font:15px/1.5 var(--ui);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}button{font:inherit;color:inherit}.app{isolation:isolate;grid-template-rows:auto 1fr auto;height:100%;display:grid;position:relative}.app:before{content:"";z-index:-2;background:radial-gradient(40% 45% at 18% 12%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), radial-gradient(38% 42% at 86% 88%, color-mix(in srgb, var(--accent-2) 30%, transparent), transparent 70%), var(--bg);transition:background .6s;position:fixed;inset:-10%}.app:after{content:"";z-index:-1;opacity:.55;pointer-events:none;background:radial-gradient(#c3cddd 1px,#0000 1.3px) 0 0/22px 22px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 50% 45%,#000 20%,#0000 75%);mask-image:radial-gradient(at 50% 45%,#000 20%,#0000 75%)}.bar{z-index:30;padding:max(14px, env(safe-area-inset-top)) clamp(16px, 3vw, 32px) 8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 18px;display:flex;position:relative}.brand{font:600 21px/1 var(--display);letter-spacing:-.01em;align-items:center;gap:10px;display:flex}.brand b{color:var(--accent);font-weight:700;transition:color .6s}.brand__gem{background:conic-gradient(from 20deg,#ff9aa9,#ffe08a,#a4f5c8,#8fd6ff,#d3a6ff,#ff9aa9);border-radius:4px;width:16px;height:16px;transform:rotate(45deg);box-shadow:0 0 0 2px #fff,0 2px 6px #1a223340}.settings{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.seg{box-shadow:inset 0 0 0 1px var(--line);background:#ffffffb3;border-radius:999px;padding:3px;display:inline-flex}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.seg button[aria-pressed=true]{background:var(--ink);color:#fff}.seg button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.switch{color:var(--muted);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch .track{background:#d5dce7;border-radius:999px;width:34px;height:20px;transition:background .2s;position:relative}.switch .track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .25s cubic-bezier(.3,.9,.3,1.2);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.switch input:checked+.track{background:linear-gradient(100deg,#ff9aa9,#ffe08a,#a4f5c8,#8fd6ff,#d3a6ff)}.switch input:checked+.track:after{transform:translate(14px)}.switch input:focus-visible+.track{outline:2px solid var(--accent);outline-offset:2px}.stat{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.stat b{color:var(--ink)}.table{min-height:0;position:relative;overflow:hidden}.screen{opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:8px 16px 18px;transition:opacity .35s,visibility 0s linear .35s;display:flex;position:absolute;inset:0}.app[data-screen=select] .screen--select,.app[data-screen=open] .screen--open,.app[data-screen=results] .screen--results,.app[data-screen=binder] .screen--binder,.app[data-screen=shelf] .screen--shelf{opacity:1;visibility:visible;transition-delay:0s}.eyebrow{font:700 12px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0}.hint{color:var(--faint);text-align:center;margin:0;font-size:13px}.btn{background:var(--surface);height:42px;color:var(--ink);cursor:pointer;box-shadow:0 1px 0 #fffc inset, 0 0 0 1px var(--line), 0 4px 12px -4px #1a22332e;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #c5cedc,0 8px 18px -6px #1a223340}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn--primary{background:var(--ink);color:#fff;box-shadow:0 8px 20px -8px #1a223399}.btn--primary:hover{box-shadow:0 12px 24px -8px #1a223399}.actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pack{width:var(--pw);aspect-ratio:.6;filter:drop-shadow(0 18px 22px #141e3c47)drop-shadow(0 2px 3px #141e3c33);position:relative;container-type:inline-size}.pface{clip-path:var(--pack-shape);background:var(--c1);--px:50%;--py:50%;position:absolute;inset:0;overflow:hidden}.pface__hero{background:var(--hero,none) var(--hero-pos) / var(--hero-size) auto no-repeat, var(--c1);position:absolute;inset:14% 0 0}.pface__fade{background:linear-gradient(to top, var(--c1) 14%, color-mix(in srgb, var(--c1) 55%, transparent) 55%, transparent);height:42%;position:absolute;inset:auto 0 0}.pface__band{height:var(--cut);background:radial-gradient(120% 90% at 18% 0%, #ffffff61, transparent 60%), repeating-linear-gradient(135deg, #ffffff17 0 5px, transparent 5px 11px), linear-gradient(180deg, color-mix(in srgb, var(--c2) 70%, var(--c1)), var(--c1));position:absolute;inset:0 0 auto;box-shadow:0 2px #0000001f}.pface__stripe{left:0;right:0;top:calc(var(--cut) - 0.9%);background:linear-gradient(90deg, var(--c2), #fff 50%, var(--c2));height:1.8%;box-shadow:0 0 1.6cqw var(--c2);position:absolute}.pface__crimp{mix-blend-mode:overlay;background:repeating-linear-gradient(90deg,#ffffff57 0 .55cqw,#00000029 .55cqw 1.4cqw),linear-gradient(#ffffff40,#0000001a);height:5.5%;position:absolute;left:0;right:0}.pface__crimp--top{top:0}.pface__crimp--bottom{bottom:0}.pface__head{color:#fff;justify-content:space-between;align-items:center;gap:4cqw;height:11%;display:flex;position:absolute;top:6.8%;left:7%;right:7%}.pface__brand{line-height:.9;display:grid}.pface__brand b{font:700 9.4cqw/1 var(--display);letter-spacing:-.01em;text-shadow:0 .5cqw #0000002e,0 0 3cqw #0000002e}.pface__brand span{font:700 3.1cqw/1.2 var(--ui);letter-spacing:.28em;text-transform:uppercase;opacity:.85;margin-top:1cqw}.pface__code{font:700 4.8cqw/1 var(--ui);letter-spacing:.04em;color:#fff;background:#0a0e18c7;border-radius:1.6cqw;padding:1.6cqw 2.6cqw;box-shadow:0 0 0 .5cqw #ffffff40}.pface__title{text-align:center;color:#fff;justify-items:center;gap:1.2cqw;display:grid;position:absolute;bottom:8.5%;left:6%;right:6%}.pface__series{font:700 3.4cqw/1 var(--ui);letter-spacing:.2em;text-transform:uppercase;opacity:.9}.pface__name{font:700 11cqw/.92 var(--display);letter-spacing:-.015em;text-wrap:balance;text-shadow:0 .6cqw #00000038,0 0 4cqw #00000059}.pface__name.is-short{font-size:24cqw}.pface__name.is-mid{font-size:13.5cqw}.pface__count{font:700 3.2cqw/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;background:#fff3;border-radius:999px;padding:1.3cqw 2.6cqw;box-shadow:inset 0 0 0 .4cqw #ffffff59}.pface__grain{background:var(--grain) center / 60cqw;mix-blend-mode:overlay;opacity:.16;position:absolute;inset:0}.pface__foil{background:linear-gradient(112deg, transparent 30%, #fff9 45%, #fff0 60%) var(--px) 0 / 300% 100% no-repeat, repeating-linear-gradient(0deg, #ff9aa9 0%, #ffe08a 6%, #a4f5c8 12%, #8fd6ff 18%, #d3a6ff 24%, #ff9aa9 30%) 0 var(--py) / 100% 500%;mix-blend-mode:overlay;opacity:.5;position:absolute;inset:0}.pface__edge{pointer-events:none;background:linear-gradient(90deg,#ffffff73,#0000 5% 93%,#00000038);position:absolute;inset:0}.carousel{width:100%;height:calc(var(--pw) / .6 + 36px);perspective:1300px;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;position:relative}.carousel.dragging{cursor:grabbing}.cpack{width:var(--pw);margin:calc(var(--pw) / -1.2) 0 0 calc(var(--pw) / -2);cursor:pointer;transform-style:preserve-3d;will-change:transform, opacity;background:0 0;border:0;padding:0;position:absolute;top:50%;left:50%}.cpack:focus-visible{outline:none}.cpack:focus-visible .pack{outline:3px solid var(--ink);outline-offset:6px;border-radius:6px}.cpack.is-center .pack{animation:3.6s ease-in-out infinite bob}@keyframes bob{0%,to{translate:0}50%{translate:0 -6px}}.picker{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:14px;width:min(560px,100%);display:grid}.nav{width:44px;height:44px;padding:0;font-size:18px}.packinfo{text-align:center;gap:6px;min-width:0;display:grid}.packinfo h1{font:700 clamp(26px, 4.4vw, 38px)/1 var(--display);letter-spacing:-.01em;text-wrap:balance;margin:0}.packinfo p{color:var(--muted);margin:0;font-size:13px}.progress{background:#1a22331a;border-radius:999px;justify-self:center;width:min(260px,90%);height:6px;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));width:0;height:100%;transition:width .5s;display:block}.dots{justify-content:center;gap:6px;display:flex}.dots i{background:#1a22332e;border-radius:50%;width:6px;height:6px;transition:background .3s,transform .3s}.dots i.on{background:var(--ink);transform:scale(1.3)}.prompt{min-height:1.5em;font:600 17px/1.3 var(--display);letter-spacing:.01em;color:var(--ink);text-align:center;margin:0;transition:opacity .3s}.prompt small{font:500 12px/1.4 var(--ui);color:var(--faint);letter-spacing:0;display:block}.rig{width:100%;min-height:calc(var(--cw) / .716 + 20px);max-height:calc(var(--pw) / .6 + 120px);touch-action:none;-webkit-user-select:none;user-select:none;flex:auto;position:relative}.opener-pos{width:var(--pw);aspect-ratio:.6;z-index:3;position:absolute;top:50%;left:50%;translate:-50% -50%}.opener{transform:perspective(1100px) rotateY(var(--tx,0deg)) rotateX(var(--ty,0deg));transform-style:preserve-3d;cursor:crosshair;position:absolute;inset:0}.opener .pack{width:100%;position:absolute;inset:0}.ppart{position:absolute;inset:0}.ppart--top{clip-path:inset(0 0 calc(100% - var(--cut)) 0);z-index:2}.ppart--body{clip-path:inset(var(--cut) 0 0 0)}.cutline{left:0;right:0;top:var(--cut);z-index:4;pointer-events:none;height:0;position:absolute}.cutline__guide{filter:drop-shadow(0 0 1.5px #fff)drop-shadow(0 0 4px #ffffffe6);background:repeating-linear-gradient(90deg,#0e1320d1 0 9px,#0000 9px 15px);border-radius:3px;height:3px;animation:1.6s ease-in-out infinite guide;position:absolute;top:-1.5px;left:3%;right:3%}.cutline__dot{width:22px;height:22px;box-shadow:0 0 0 2px #0e13208c, 0 0 0 7px #ffffff73, 0 0 22px 6px var(--c2,#fff);background:#fff;border-radius:50%;animation:1.8s cubic-bezier(.5,0,.3,1) infinite dot;position:absolute;top:-11px;left:3%}@keyframes guide{50%{opacity:.45}}@keyframes dot{0%{opacity:0;left:3%}12%{opacity:1}80%{opacity:1}to{opacity:0;left:calc(97% - 22px)}}.cutline__cut{top:-2px;left:var(--a,0%);width:var(--len,0%);height:5px;box-shadow:0 0 0 1px #0e132059, 0 0 8px 2px #fff, 0 0 22px 6px var(--c2,#fff);background:#fff;border-radius:5px;transition:width 50ms linear;position:absolute}.cutline.retract .cutline__cut{transition:width .3s,left .3s;width:0!important}.cutline.cutting .cutline__dot,.cutline.done .cutline__dot,.cutline.done .cutline__guide{opacity:0;animation:none}.cutline.cutting .cutline__guide{opacity:.55;animation:none}.cutline.done .cutline__cut{width:100%;animation:.5s ease-out forwards flash;left:0}@keyframes flash{0%{box-shadow:0 0 10px 3px #fff, 0 0 40px 12px var(--c2,#fff)}to{opacity:0;box-shadow:0 0 2px #fff}}.opening-glow{width:calc(var(--pw) * 1.4);height:calc(var(--pw) * .7);translate:-50% calc(var(--pw) / -1.2 * .6 - 50%);background:radial-gradient(closest-side, #fffffff2, color-mix(in srgb, var(--glow,var(--accent-2)) 70%, transparent) 45%, transparent);opacity:0;z-index:4;pointer-events:none;mix-blend-mode:screen;position:absolute;top:50%;left:50%}.stack-pos{width:var(--cw);aspect-ratio:.716;margin:calc(var(--cw) / -1.432) 0 0 calc(var(--cw) / -2);perspective:1400px;z-index:2;position:absolute;top:50%;left:50%}.stack{transform-style:preserve-3d;position:absolute;inset:0}.sitem{transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.sitem .card{width:100%}.sitem .card__rotator{cursor:grab;box-shadow:0 0 0 1px #ffffffe6,0 1px 2px #141e3c59,0 14px 26px -12px #141e3c73}.sitem.dragging{transition:none}.sitem.dragging .card__rotator{cursor:grabbing}.sitem:not(:first-child) .card__front img{filter:brightness(.94)}.sitem.flash .card__front:after{content:"";mix-blend-mode:screen;background:radial-gradient(circle,#fff,#fff0 70%);grid-area:1/1;animation:.7s ease-out forwards cardflash}@keyframes cardflash{0%{opacity:1}to{opacity:0}}.burst{width:calc(var(--cw) * 2.4);aspect-ratio:1;z-index:1;pointer-events:none;opacity:0;background:radial-gradient(closest-side, var(--burst-core,#ffecaaf2), transparent 62%), repeating-conic-gradient(from 0deg, var(--burst-ray,#ffd66e8c) 0deg 5deg, transparent 5deg 15deg);border-radius:50%;transition:opacity .5s,scale .6s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.6;-webkit-mask-image:radial-gradient(closest-side,#000 35%,#0000 100%);mask-image:radial-gradient(closest-side,#000 35%,#0000 100%)}.burst.on{opacity:1;animation:18s linear infinite spin;scale:1}.burst.pre{opacity:.45;animation:6s linear infinite spin;scale:.78}.burst.tone-silver{--burst-core:#ebf4fff2;--burst-ray:#aac4e68c}.burst.tone-rainbow{--burst-core:#fffffff2;background:radial-gradient(closest-side,#fffffff2,#0000 62%),repeating-conic-gradient(#ff9aa98c 0deg 5deg,#0000 5deg 15deg,#8fd6ff8c 15deg 20deg,#0000 20deg 30deg,#a4f5c88c 30deg 35deg,#0000 35deg 45deg)}@keyframes spin{to{rotate:360deg}}.reveal-info{text-align:center;justify-items:center;gap:6px;min-height:86px;display:grid}.count{font:700 12px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-variant-numeric:tabular-nums;margin:0}.reveal-info h2{font:700 clamp(22px, 3.6vw, 30px)/1.05 var(--display);letter-spacing:-.01em;margin:0}.pill{background:var(--surface);box-shadow:0 0 0 1px var(--line), 0 4px 10px -6px #1a22334d;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-flex}.pill .fx{color:var(--muted);font-weight:500}.pill.hit{box-shadow:0 0 0 1.5px var(--gold), 0 6px 18px -6px #c7952a99}.pill.pop{animation:.5s cubic-bezier(.2,1.6,.4,1) pop}.pill.tease{color:var(--muted);font-style:italic}.pill.tease .sym{color:var(--ink);font-style:normal;font-weight:700}.pill.tease-gold{color:#8a6210;box-shadow:0 0 0 1.5px #e3b23c,0 0 22px -4px #ffbe3ce6}.pill.tease-silver{color:#4e5e78;box-shadow:0 0 0 1.5px #afc3e0,0 0 22px -4px #96beffe6}.pill.tease-pink{color:#9c2d5e;box-shadow:0 0 0 1.5px #f08bbe,0 0 22px -4px #ff6eb4e6}.pill.tease-rainbow{color:#6b3fa0;box-shadow:0 0 0 1.5px #c9a6f5,0 0 22px -4px #ff96d2e6,0 0 30px -6px #8cd2ffe6}.sshake,.sflip{transform-style:preserve-3d;position:absolute;inset:0}.sflip.down{transform:rotateY(180deg)}.sflip .card__front,.sflip .card__front *{backface-visibility:hidden}.sflip.down .card__rotator{box-shadow:none}.cback{backface-visibility:hidden;background:linear-gradient(145deg,#eef1f7,#aab3c5 42%,#f6f8fb 55%,#97a1b6);border-radius:4.55%/3.5%;position:absolute;inset:0;overflow:hidden;transform:rotateY(180deg);box-shadow:0 0 0 1px #ffffffe6,0 1px 2px #141e3c59,0 14px 26px -12px #141e3c73;container-type:inline-size}.cback__inner{background:radial-gradient(circle at 50% 46%, #ffffff29 0 13cqw, transparent 13.5cqw), repeating-radial-gradient(circle at 50% 46%, #96b4ff29 0 .45cqw, transparent .45cqw 3.2cqw), repeating-conic-gradient(from 0deg at 50% 46%, #ffffff12 0 5deg, transparent 5deg 10deg), linear-gradient(165deg, #25336b, #111737 55%, #1e2654);border-radius:3.4%/2.5%;align-content:center;place-items:center;display:grid;position:absolute;inset:3.4% 4.4%;box-shadow:inset 0 0 0 .8cqw #0c102299,inset 0 0 0 1.5cqw #c8d7ff38}.cback__gem{aspect-ratio:1;background:conic-gradient(from 20deg,#ff9aa9,#ffe08a,#a4f5c8,#8fd6ff,#d3a6ff,#ff9aa9);border-radius:3.5cqw;width:20cqw;transform:rotate(45deg);box-shadow:0 0 0 1.6cqw #ffffffeb,0 0 0 2.8cqw #141c3cd9,0 0 9cqw 3cqw #a0beff80}.cback__word{font:700 8.6cqw/1 var(--display);letter-spacing:.08em;color:#eaf0ff;text-shadow:0 .5cqw #00000059;margin-top:13cqw}.cback__sheen{background:linear-gradient(115deg, transparent 30%, #ffffff52 46%, transparent 60%) var(--px,50%) 0 / 260% 100% no-repeat;mix-blend-mode:soft-light;pointer-events:none;position:absolute;inset:0}.tell-gold{--tell:#ffcc54f2;--tell-soft:#ffb02880}.tell-silver{--tell:#d6e8fffa;--tell-soft:#96beff80}.tell-pink{--tell:#ff80bef2;--tell-soft:#ff5aa073}.tell-soft{--tell:#ffffffe6;--tell-soft:#bed2ff59}.tell-rainbow{--tell:#ff96d2f2;--tell-soft:#8cd2ff80}.tell .cback{animation:1.5s ease-in-out infinite tell}.tell.tell-rainbow .cback{animation:2.2s linear infinite tellrb}.charging .cback{animation:.2s ease-in-out infinite alternate tellhot}.charging.tell-rainbow .cback{animation:.5s linear infinite tellrb}@keyframes tell{0%,to{box-shadow:0 0 0 1px #ffffffe6, 0 0 12px 2px var(--tell), 0 0 30px 6px var(--tell-soft)}50%{box-shadow:0 0 0 1px #fff, 0 0 20px 5px var(--tell), 0 0 56px 16px var(--tell-soft)}}@keyframes tellhot{0%{box-shadow:0 0 0 2px #fff, 0 0 26px 8px var(--tell), 0 0 80px 26px var(--tell-soft)}to{box-shadow:0 0 0 2px #fff, 0 0 36px 12px var(--tell), 0 0 120px 40px var(--tell-soft)}}@keyframes tellrb{0%,to{box-shadow:0 0 0 2px #fff,0 0 18px 5px #ff9aa9,0 0 60px 18px #ff9aa980}25%{box-shadow:0 0 0 2px #fff,0 0 18px 5px #ffe08a,0 0 60px 18px #ffe08a80}50%{box-shadow:0 0 0 2px #fff,0 0 18px 5px #a4f5c8,0 0 60px 18px #a4f5c880}75%{box-shadow:0 0 0 2px #fff,0 0 18px 5px #8fd6ff,0 0 60px 18px #8fd6ff80}}.spark{z-index:6;pointer-events:none;background:radial-gradient(circle, #fff 0 25%, var(--c) 55%, transparent 72%);filter:drop-shadow(0 0 4px var(--c));border-radius:50%;position:absolute}.spark.star{filter:none;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);background:linear-gradient(#fff, var(--c));border-radius:0}@keyframes pop{0%{transform:scale(.6)}to{transform:scale(1)}}.sym{letter-spacing:-.12em;line-height:1}.tone-gold{color:var(--gold)}.tone-silver{color:var(--silver)}.tone-pink{color:var(--pink)}.tone-rainbow{background:linear-gradient(90deg,#e2557a,#d9a021,#2fae76,#3a8fd9,#9b5bd6);color:#0000;-webkit-background-clip:text;background-clip:text}.god{font:700 11px/1.4 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:linear-gradient(100deg,#e2557a,#d9a021,#2fae76,#3a8fd9,#9b5bd6);border-radius:999px;margin-left:8px;padding:3px 10px;display:inline-block}.screen--results{justify-content:flex-start;padding-top:18px;overflow-y:auto}.results__head{text-align:center;gap:6px;display:grid}.results__head h2{font:700 clamp(28px, 4.6vw, 40px)/1 var(--display);letter-spacing:-.01em;margin:0}.results__head p{color:var(--muted);margin:0;font-size:14px}.results{grid-template-columns:repeat(5,minmax(0,190px));justify-content:center;gap:22px 18px;width:100%;margin:8px 0;padding:0;list-style:none;display:grid}.rcard{gap:8px;min-width:0;display:grid;position:relative}.rcard .card{width:100%}.rcard__meta{gap:2px;min-width:0;padding-inline:2px;display:grid}.rcard__name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.rcard__rar{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.badge-new{z-index:5;font:700 11px/1.3 var(--ui);letter-spacing:.08em;background:var(--accent);color:#fff;border-radius:999px;padding:3px 8px;position:absolute;top:-8px;right:-6px;box-shadow:0 4px 10px -4px #0006}.rcard.is-hit .rcard__name{color:var(--gold)}.lift{z-index:60;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.lift__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e121cb8;position:fixed;inset:0}.lift__inner{color:#fff;text-align:center;justify-items:center;gap:14px;display:grid;position:relative}.lift .card{width:100%}.lift__stage{place-items:center;display:grid}.lcard{aspect-ratio:.716;perspective:1400px;width:min(400px,80vw,71.6dvh - 179px);position:relative}.lcard .sflip{position:absolute;inset:0}.lift .slab{width:min(340px,76vw,60dvh - 180px)}.lift__actions .btn{min-width:150px}.lift__actions .btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.lift__note{color:#ffffffd9;max-width:46ch;min-height:1.4em;margin:0;font-size:14px}#liftMeta b{color:#fff}.lift .card__rotator{touch-action:none;cursor:grab}.lift h3{font:700 26px/1.1 var(--display);margin:0}.lift p{color:#ffffffb8;margin:0;font-size:14px}.lift__close{top:max(14px, env(safe-area-inset-top));z-index:2;position:fixed;right:14px}.credit{padding:0 clamp(16px, 3vw, 32px) max(10px, env(safe-area-inset-bottom));color:var(--faint);text-align:center;font-size:11px}.credit a{color:var(--muted)}.bar{grid-template-columns:1fr auto 1fr;display:grid}.bar__right{justify-self:end;align-items:center;gap:10px;display:flex;position:relative}.tabs{box-shadow:inset 0 0 0 1px var(--line), 0 4px 14px -8px #1a223340;background:#ffffffbf;border-radius:999px;padding:4px;display:inline-flex}.tabs button{font:700 14px/1 var(--ui);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 18px;transition:background .2s,color .2s}.tabs button:hover{color:var(--ink)}.tabs button[aria-pressed=true]{background:var(--ink);color:#fff}.tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dust{cursor:pointer;height:38px;font:700 15px/1 var(--ui);font-variant-numeric:tabular-nums;color:#5b4308;background:linear-gradient(135deg,#fff6d6,#ffe08a 55%,#fff1c2);border:0;border-radius:999px;align-items:center;gap:7px;padding:0 14px 0 10px;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #c7952a73,0 4px 12px -6px #c7952a99}.dust__icon{color:#fff;text-shadow:0 1px 1px #78500080;background:radial-gradient(circle at 35% 30%,#fff,#ffc83d 60%,#c7952a);border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;display:grid}.dust.bump{animation:.45s cubic-bezier(.2,1.8,.4,1) bump}@keyframes bump{40%{transform:scale(1.12)}}.dust__float{font:700 13px/1 var(--ui);color:var(--gold);white-space:nowrap;pointer-events:none;margin-top:4px;position:absolute;top:100%;left:50%}.dust__float.neg{color:var(--muted)}.btn--icon{width:38px;height:38px;padding:0}.btn--small{height:34px;padding:0 14px;font-size:13px}.btn--danger{color:#b42318;box-shadow:0 0 0 1px #f3c3bd}.btn--danger.armed{color:#fff;background:#b42318}.btn--gold{color:#5b4308;background:linear-gradient(135deg,#fff6d6,#ffd66b)}.pop{z-index:40;background:var(--surface);width:270px;box-shadow:0 0 0 1px var(--line), 0 18px 40px -14px #1a223359;border-radius:16px;gap:12px;padding:16px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.pop__label{font:700 11px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:0 0 -4px}.pop .seg{justify-self:start}.toast{left:50%;bottom:max(22px, env(safe-area-inset-bottom));z-index:80;color:#fff;text-align:center;opacity:0;pointer-events:none;background:#141a28eb;border-radius:14px;max-width:min(520px,100vw - 32px);padding:11px 18px;font-size:14px;line-height:1.4;transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1);position:fixed;transform:translate(-50%,12px);box-shadow:0 12px 30px -10px #00000080}.toast.on{opacity:1;transform:translate(-50%)}.toast b{color:#ffd66b}.badge-dust,.badge-wish{z-index:5;font:700 11px/1.3 var(--ui);letter-spacing:.04em;border-radius:999px;padding:3px 8px;position:absolute;top:-8px;right:-6px;box-shadow:0 4px 10px -4px #0006}.badge-dust{color:#5b4308;background:linear-gradient(135deg,#fff3c9,#ffd66b)}.badge-wish{color:#fff;background:linear-gradient(100deg,#e2557a,#d9a021,#2fae76,#3a8fd9,#9b5bd6)}.progress--left{justify-self:start;margin-top:8px}.hint--left{text-align:left}.screen--binder{justify-content:flex-start;gap:10px;padding-top:6px;overflow-y:auto}.screen--binder>*{flex:none}.setpick{scrollbar-width:none;gap:8px;max-width:100%;padding:4px 2px 6px;display:flex;overflow-x:auto}.setpick::-webkit-scrollbar{display:none}.setchip{background:var(--surface);height:34px;box-shadow:0 0 0 1px var(--line);font:600 13px/1 var(--ui);color:var(--ink);cursor:pointer;border:0;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.setchip i{background:var(--c);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 2px #ffffffe6}.setchip .pct{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:500}.setchip[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:none}.setchip[aria-pressed=true] .pct{color:#ffffffb3}.setchip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bhead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 20px;width:min(980px,100%);display:flex}.bhead h2{font:700 clamp(24px, 3.4vw, 32px)/1 var(--display);letter-spacing:-.01em;margin:0}.bhead p{color:var(--muted);margin:4px 0 0;font-size:13px}.binder{--bw:min(430px, calc((100vw - 110px) / 2), calc((100dvh - 350px) * .74));perspective:2400px;background:radial-gradient(120% 80% at 20% 0%, #ffffff38, transparent 60%), linear-gradient(160deg, color-mix(in srgb, var(--c1) 88%, #fff), var(--c1) 45%, color-mix(in srgb, var(--c1) 70%, #000));border-radius:22px;padding:14px;display:flex;position:relative;box-shadow:0 24px 50px -24px #141e3c8c,inset 0 0 0 1px #ffffff40}.binder.single{--bw:min(430px, calc(100vw - 60px), calc((100dvh - 430px) * .74))}.bpage{width:var(--bw);aspect-ratio:.74;background:radial-gradient(#dfe5ee 1px,#0000 1.2px) 0 0/14px 14px,linear-gradient(#f9fafc,#eef1f6);padding:4.2%;position:relative;box-shadow:inset 0 0 0 1px #1a223314}.bpage--left{border-radius:12px 3px 3px 12px;box-shadow:inset -14px 0 18px -14px #1a223359,inset 0 0 0 1px #1a223314}.bpage--right{border-radius:3px 12px 12px 3px;box-shadow:inset 14px 0 18px -14px #1a223359,inset 0 0 0 1px #1a223314}.binder.single .bpage--right{border-radius:12px;box-shadow:inset 0 0 0 1px #1a223314}.bpage.blank:after{content:"";border:1.5px dashed #1a223314;border-radius:10px;position:absolute;inset:8%}.bspine{background:linear-gradient(90deg,#00000047,#0000000d 45%,#00000047);flex-direction:column;justify-content:space-evenly;align-items:center;width:26px;display:flex}.bspine i{background:linear-gradient(#fbfcfe,#aab3c3 55%,#e8ecf2);border-radius:999px;width:30px;height:12px;box-shadow:0 2px 3px #00000059}.binder.single .bspine{display:none}.bgrid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:3.4%;height:100%;display:grid}.pocket{cursor:pointer;background:#fff9;border-radius:6%/4.4%;place-items:center;min-height:0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #1a22331f,inset 0 3px 8px #1a223312}.pocket.empty{cursor:default;background:#ffffff4d}.pocket .card{width:94%}.pocket:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,#ffffff80,#fff0 30% 72%,#ffffff38);position:absolute;inset:0}.pocket.owned:hover{z-index:3}.ghost{text-align:center;color:var(--faint);border:1.5px dashed #1a223329;border-radius:7%/5%;place-content:center;justify-items:center;gap:4px;padding:6%;font-size:clamp(9px,1vw,12px);line-height:1.2;display:grid;position:absolute;inset:6%}.ghost b{font:700 clamp(13px, 1.6vw, 20px)/1 var(--display);color:#a3acbc;font-variant-numeric:tabular-nums}.ghost__name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pocket.missing:hover .ghost{color:var(--muted);border-color:#1a223359}.pocket.wished .ghost{color:#8a6210;background:#ffd66624;border-color:#e3b23c}.pocket.wished .ghost b{color:#c7952a}.pocket.wished:before{content:"★";z-index:2;color:#e3b23c;font-size:13px;position:absolute;top:6%;right:9%}.pocket__rev,.pocket__grade{z-index:4;font:700 10px/1.3 var(--ui);pointer-events:none;border-radius:999px;padding:2px 6px;position:absolute;box-shadow:0 2px 6px -2px #0006}.pocket__rev{color:var(--ink);background:#fff;bottom:3%;left:3%}.pocket__grade{color:var(--ink);background:#fff;top:1%;right:1%;box-shadow:0 0 0 1.5px #9fb0c8,0 2px 6px -2px #0006}.pocket__grade.g10{background:linear-gradient(135deg,#fff3c9,#ffd66b);box-shadow:0 0 0 1.5px #c7952a}.leaf{z-index:6;transform-style:preserve-3d;pointer-events:none;position:absolute}.leaf__face{backface-visibility:hidden;border-radius:3px 12px 12px 3px;width:100%;position:absolute;inset:0}.leaf__back{border-radius:12px 3px 3px 12px;transform:rotateY(180deg)}.bempty{z-index:5;text-align:center;background:var(--surface);width:min(360px,80%);color:var(--muted);border-radius:14px;margin:0;padding:14px 18px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px -12px #141e3c66}.bnav{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:16px;font-size:13px;display:flex}.bnav .btn:disabled{opacity:.4;cursor:default;transform:none}.slab{transform-style:preserve-3d;will-change:transform;position:relative;container-type:inline-size}.slab__in{background:linear-gradient(160deg,#ffffffeb,#dee5f0cc);border-radius:5cqw;padding:4cqw;position:relative;box-shadow:inset 0 0 0 1.2cqw #ffffffb3,inset 0 0 0 1.7cqw #96a5be4d,0 16px 30px -14px #141e3c80,0 2px 4px #141e3c33}.slab__label{box-shadow:inset 0 0 0 .7cqw var(--lab,#cfd8e6);color:var(--ink);text-align:left;background:#fff;border-radius:3cqw;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3cqw;margin-bottom:4cqw;padding:3.4cqw 4cqw;display:grid}.slab__meta{gap:.8cqw;min-width:0;display:grid}.slab__meta b{font:700 6.4cqw/1.05 var(--display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.slab__sub{font:700 3.6cqw/1.2 var(--ui);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.slab__brand{font:700 2.9cqw/1 var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}.slab__grade{justify-items:center;min-width:19cqw;display:grid}.slab__grade b{font:700 15cqw/.9 var(--display)}.slab__grade span{font:700 3cqw/1.2 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.slab.g10 .slab__label{--lab:#d9a92e;background:linear-gradient(135deg,#fff8df,#f3d57e 45%,#fff4cc 62%,#e9c35c)}.slab.g10 .slab__grade span{color:#7a5a0e}.slab.g9 .slab__label{--lab:#9fb0c8;background:linear-gradient(135deg,#f6f8fc,#d3dcea 45%,#f9fafd 62%,#c6d0e0)}.slab.grading .slab__grade b{color:var(--faint);animation:1s ease-in-out infinite blink}@keyframes blink{50%{opacity:.35}}.slab__window{background:#e8edf5b3;border-radius:3.2cqw;padding:3.2cqw;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .5cqw #ffffffd9,inset 0 2cqw 4cqw #141e3c1f}.slab__window .card{width:100%}.slab.scanning .slab__window:after{content:"";z-index:6;background:linear-gradient(#0000,#78dcff8c 50%,#0000);height:20%;animation:.95s ease-in-out 2 scan;position:absolute;top:-20%;left:0;right:0;box-shadow:0 0 20px #78dcff99}@keyframes scan{to{top:100%}}.slab__glass{border-radius:inherit;pointer-events:none;z-index:7;background:linear-gradient(118deg,#ffffff80 0%,#fff0 20% 62%,#ffffff38 74%,#fff0 86%);position:absolute;inset:0}.slab__grade.stamp{animation:.55s cubic-bezier(.2,1.7,.4,1) stamp}@keyframes stamp{0%{opacity:0;transform:scale(2.4)rotate(-12deg)}60%{opacity:1}to{transform:none}}.grades{gap:7px;width:min(330px,80vw);display:grid}.grow{color:#ffffffbf;opacity:.35;grid-template-columns:90px 1fr 34px;align-items:center;gap:10px;font-size:13px;transition:opacity .3s;display:grid}.grow.on{opacity:1}.grow i{background:#ffffff26;border-radius:999px;height:7px;overflow:hidden}.grow i b{border-radius:inherit;background:#9fd3ff;width:0;height:100%;transition:width .45s cubic-bezier(.2,.8,.2,1);display:block}.grow.hi i b{background:linear-gradient(90deg,#ffd66b,#fff1b8)}.grow.lo i b{background:#f49b8b}.grow em{color:#fff;text-align:right;font-variant-numeric:tabular-nums;font-style:normal;font-weight:700}.screen--shelf{justify-content:flex-start;padding-top:10px;overflow-y:auto}.shelfwrap{gap:30px;width:min(1100px,100%);padding-bottom:30px;display:grid}.tiles{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.tile{background:var(--surface);box-shadow:0 0 0 1px var(--line), 0 6px 16px -12px #1a223359;border-radius:16px;gap:6px;padding:14px 16px;display:grid}.tile b{font:700 clamp(22px, 2.6vw, 30px)/1 var(--display);font-variant-numeric:tabular-nums}.tile span{color:var(--muted);font-size:12px}.shelfsec{gap:14px;display:grid}.shelfsec h3{font:700 22px/1.1 var(--display);letter-spacing:-.01em;margin:0}.slabshelf{flex-wrap:wrap;gap:30px 22px;padding:0 12px;display:flex}.slabshelf:empty{display:none}.slab-item{cursor:pointer;text-align:left;background:0 0;border:0;width:160px;padding:0 0 20px;position:relative}.slab-item:after{content:"";background:linear-gradient(#f0e2c4,#d6be94 55%,#bfa27a);border-radius:2px;height:14px;position:absolute;bottom:0;left:-12px;right:-12px;box-shadow:0 8px 12px -6px #50371473}.slab-item .slab__in{transition:transform .25s}.slab-item:hover .slab__in{transform:translateY(-4px)}.slab-item:focus-visible{outline:none}.slab-item:focus-visible .slab__in{outline:3px solid var(--accent);outline-offset:4px}.hits{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px 14px;margin:0;padding:0;list-style:none;display:grid}.hit{cursor:pointer;gap:4px;min-width:0;display:grid}.hit .card{width:100%;margin-bottom:4px}.hit__name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.hit__meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.setlist{gap:8px;display:grid}.setrow{background:var(--surface);cursor:pointer;text-align:left;box-shadow:0 0 0 1px var(--line);font:inherit;color:inherit;border:0;border-radius:14px;grid-template-columns:minmax(0,220px) 1fr 80px;align-items:center;gap:16px;padding:12px 16px;display:grid}.setrow:hover{box-shadow:0 0 0 1px #c5cedc,0 8px 18px -10px #1a22334d}.setrow__name{font-weight:700;display:grid}.setrow__name small{color:var(--muted);font-size:12px;font-weight:500}.setrow__bar{background:#1a223314;border-radius:999px;height:8px;overflow:hidden}.setrow__bar i{border-radius:inherit;background:linear-gradient(90deg, var(--c), var(--c2));height:100%;display:block}.setrow__n{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}@media (width<=900px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.screen--binder>.hint{display:none}.bar{grid-template-columns:1fr auto}.tabs{grid-area:2/1/auto/-1;justify-self:center}.tabs button{padding:8px 16px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.setrow{grid-template-columns:1fr 60px}.setrow__bar{grid-area:2/1/auto/-1}.slab-item{width:calc(50% - 11px)}.binder{padding:10px}.bhead .seg button{padding:6px 10px}}@media (prefers-reduced-motion:reduce){.slab.scanning .slab__window:after,.slab__grade.stamp,.dust.bump{animation:none}}@media (width<=900px){.results{grid-template-columns:repeat(3,minmax(0,170px))}}@media (width<=560px){:root{--pw:min(250px, 60vw, calc((100dvh - 290px) * .6));--cw:min(300px, 74vw, calc((100dvh - 320px) * .716))}.bar{justify-content:center}.results{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.stat,.credit{display:none}}@media (prefers-reduced-motion:reduce){.cpack.is-center .pack,.burst.on,.burst.pre,.cutline__dot,.cutline__guide,.tell .cback{animation:none}.screen{transition:none}}.app[data-screen=box] .screen--box{opacity:1;visibility:visible;transition-delay:0s}.screen--select{--pw:min(290px, 62vw, calc((100dvh - 300px) * .6))}@media (height<=860px){.hint--sel{display:none}}.pity{color:var(--muted);cursor:help;flex-wrap:wrap;justify-content:center;justify-self:center;align-items:center;gap:4px 9px;margin:2px 0 0;font-size:12px;font-weight:600;display:inline-flex}.pity__pips{gap:4px;display:inline-flex}.pity__pips i{background:#1a223321;border-radius:2px;width:9px;height:9px;transition:background .3s,box-shadow .3s;transform:rotate(45deg)scale(.82)}.pity__pips i.on{background:linear-gradient(135deg, var(--accent), var(--accent-2))}.pity__pips i.star{box-shadow:inset 0 0 0 1.5px var(--gold);background:#fff}.pity--ready .pity__pips i.star{background:conic-gradient(#ff9aa9,#ffe08a,#a4f5c8,#8fd6ff,#d3a6ff,#ff9aa9);animation:1.1s ease-in-out infinite pityPulse;box-shadow:0 0 10px 2px #ffc83de6}.pity--ready .pity__txt{color:#8a5b00}.pity--off{color:var(--faint);cursor:default;font-weight:500}@keyframes pityPulse{50%{transform:rotate(45deg)scale(1.1)}}.boxrow{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.boxrow__label{font:700 12px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin-right:2px;display:inline-flex}.boxrow__label:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:3px;width:18px;height:13px;box-shadow:inset 0 3px #fff6,0 2px 4px -1px #1a223359}.screen--box{justify-content:flex-start;padding-top:10px;overflow:hidden auto}.screen--box>*{flex:none}.boxwrap,.boxsum{justify-items:center;gap:18px;width:min(980px,100%);padding-bottom:28px;display:grid}.boxhead{text-align:center;justify-items:center;gap:8px;display:grid}.boxhead h2,.boxsum>h2{font:700 clamp(24px, 3.6vw, 34px)/1.05 var(--display);letter-spacing:-.01em;text-wrap:balance;text-align:center;margin:0}.boxstats{color:var(--muted);font-variant-numeric:tabular-nums;text-wrap:balance;margin:0;font-size:14px}.progress--wide{width:min(420px,90%);height:8px}.boxstage{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,48px);width:100%;min-height:220px;padding-top:24px;display:grid}.bbox{aspect-ratio:1.3;filter:drop-shadow(0 22px 24px #141e3c4d);width:clamp(210px,26vw,290px);position:relative}.bbox__lid{clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);background:linear-gradient(to top, color-mix(in srgb, var(--c1) 62%, #000), var(--c1));border-radius:8px 8px 0 0;height:24%;position:absolute;top:0;left:3%;right:3%}.bbox__inner{background:linear-gradient(#121826,#2b3348);border-radius:4px 4px 0 0;height:32%;position:absolute;top:22%;left:0;right:0}.bbox__slats{justify-content:center;align-items:flex-end;gap:2px;height:31%;display:flex;position:absolute;top:25%;left:5%;right:5%}.bbox__slats i{background:linear-gradient(var(--c2), var(--c1) 75%);border-radius:2px 2px 0 0;flex:1 1 0;max-width:11px;height:100%;box-shadow:inset -1px 0 #00000047,inset 1px 0 #ffffff4d}.bbox__slats i:nth-child(3n){height:92%}.bbox__slats i:nth-child(3n+1){height:96%}.bbox__front{text-align:center;color:#fff;background:linear-gradient(135deg, var(--c1), color-mix(in srgb, var(--c2) 80%, var(--c1)));border-radius:4px 4px 14px 14px;align-content:center;justify-items:center;gap:3px;height:52%;padding:0 8%;display:grid;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:inset 0 2px #ffffff73,inset 0 -10px 18px #0003}.bbox__front:before{content:"";pointer-events:none;background:linear-gradient(112deg,#0000 32%,#ffffff52 46%,#0000 60%);position:absolute;inset:0}.bbox__kicker{font:700 10px/1 var(--ui);letter-spacing:.22em;text-transform:uppercase;opacity:.9;text-shadow:0 1px 3px #00000059}.bbox__name{font:700 clamp(17px, 2.1vw, 23px)/1.05 var(--display);text-shadow:0 2px 8px #00000059;text-wrap:balance}.bbox__count{font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #00000059;font-size:12px;font-weight:700}.flypack{--pw:66px;z-index:3;pointer-events:none;position:absolute;top:20%;left:50%}.lastpack{flex-wrap:wrap;place-content:center;gap:12px 10px;min-height:130px;display:flex}.lastpack:empty:before{content:"Paketen du öppnar visas här";color:var(--faint);font-size:14px}.mini{cursor:pointer;width:clamp(58px,8.2vw,92px);list-style:none;position:relative}.mini .card{width:100%}.mini--big:before,.mini--small:before{content:"";pointer-events:none;border-radius:7%;position:absolute;inset:3%}.mini--big:before{box-shadow:0 0 20px 5px #ffc83dd9}.mini--small:before{box-shadow:0 0 12px 2px #8fd6ffe6}.mini__tag{z-index:5;background:var(--ink);color:#fff;font:700 10px/1.3 var(--ui);pointer-events:none;border-radius:999px;padding:2px 6px;position:absolute;top:-7px;right:-7px}.boxhits{gap:10px;width:100%;display:grid}.boxhits h3,.boxsum h3{font:700 20px/1.1 var(--display);justify-self:start;margin:0}.minis{flex-wrap:wrap;gap:14px 12px;margin:0;padding:8px 4px;list-style:none;display:flex}.luck{background:var(--surface);width:min(660px,100%);box-shadow:0 0 0 1px var(--line), 0 12px 28px -18px #1a223373;border-radius:20px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;padding:18px 22px;display:grid}.gauge{width:150px;height:84px;position:relative;overflow:hidden}.gauge__arc{background:conic-gradient(from -90deg,#e5484d 0deg,#f5a524 50deg,#46a758 90deg,#2f9bff 135deg,#b45cff 180deg,#0000 180deg);border-radius:50%;width:150px;height:150px;position:absolute;top:0;left:0;-webkit-mask:radial-gradient(circle,#0000 54%,#000 55%);mask:radial-gradient(circle,#0000 54%,#000 55%)}.gauge__needle{background:var(--ink);transform-origin:50% 100%;width:4px;height:64px;transform:rotate(var(--a,-90deg));border-radius:4px;margin-left:-2px;transition:transform 1.5s cubic-bezier(.3,1.4,.5,1);position:absolute;top:11px;left:50%}.gauge:after{content:"";background:var(--ink);width:16px;height:16px;box-shadow:0 0 0 3px var(--surface);border-radius:50%;margin-left:-8px;position:absolute;top:67px;left:50%}#sumLuck{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}#sumLuck b{font:700 46px/1 var(--display);font-variant-numeric:tabular-nums}#sumLuck span{font:700 17px/1.2 var(--ui);color:var(--muted)}#sumLuckText{color:var(--muted);margin:6px 0 0;font-size:13px}.tiles--sum{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));width:100%}.rchips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.rchip{background:var(--surface);box-shadow:0 0 0 1px var(--line);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.rchip b{font-variant-numeric:tabular-nums}.boxsum .hits{width:100%}.shelfsec__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;display:flex}.fav{position:relative}.fav__play{z-index:6;color:#fff;cursor:pointer;opacity:0;background:#1a2233d1;border:0;border-radius:50%;width:32px;height:32px;font-size:12px;transition:opacity .2s,transform .2s;position:absolute;top:8px;right:8px}.fav:hover .fav__play,.fav__play:focus-visible{opacity:1}.fav__play:hover{transform:scale(1.08)}@media (hover:none){.fav__play{opacity:1}}.btn--fav.on{color:#7a1640;background:linear-gradient(135deg,#ffe3ee,#ff9cc2)}.pocket__fav{z-index:4;width:20px;height:20px;color:var(--pink);pointer-events:none;background:#fff;border-radius:50%;place-items:center;font-size:12px;line-height:1;display:grid;position:absolute;bottom:3%;right:2%;box-shadow:0 2px 6px -2px #0006}.sc{z-index:80;color:#fff;cursor:none;touch-action:none;background:#06080e;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.sc.ui-on{cursor:default}.sc__bg,.sc__beam,.sc__floor{pointer-events:none;transition:opacity 1.2s;position:absolute}.sc__bg,.sc__beam{inset:0}.sc__floor{height:34%;bottom:0;left:-20%;right:-20%}.sc__stage{aspect-ratio:.716;perspective:1400px;width:min(420px,72vw,71.6dvh - 143.2px);position:relative}.sc__stage:before{content:"";background:var(--sc-glow,transparent);filter:blur(46px);opacity:.75;border-radius:24px;transition:background 1.2s;position:absolute;inset:8%}.sc__stage:after{content:"";background:radial-gradient(closest-side,#000000a6,#0000);border-radius:50%;height:6%;position:absolute;bottom:-7%;left:12%;right:12%}.sc__card{z-index:1;position:absolute;inset:0}.sc__card .card{width:100%}.sc__caption{left:0;right:0;bottom:max(26px, env(safe-area-inset-bottom));text-align:center;pointer-events:none;gap:4px;padding:0 20px;display:grid;position:absolute}.sc__caption h2{font:700 clamp(22px, 3vw, 32px)/1.1 var(--display);text-shadow:0 2px 14px #0009;margin:0}.sc__caption p{color:#ffffffc7;text-shadow:0 1px 8px #0009;margin:0;font-size:14px}.sc__grade{color:#fff;white-space:nowrap;background:#ffffff29;border-radius:999px;padding:1px 8px;font-weight:700}.sc__grade.g10{color:#3a2a00;background:linear-gradient(135deg,#ffe7a0,#c7952a)}.sc__ui{pointer-events:none;opacity:0;transition:opacity .5s;position:absolute;inset:0}.sc.ui-on .sc__ui{opacity:1}.sc.ui-on .sc__ui>*{pointer-events:auto}.sc__top{top:max(14px, env(safe-area-inset-top));flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex;position:absolute;left:16px;right:16px}.sc__count{font:700 13px/1 var(--ui);letter-spacing:.12em;color:#ffffffb8;font-variant-numeric:tabular-nums;margin-right:auto}.sc__side{margin-top:-22px;position:absolute;top:50%}.sc__side--l{left:max(16px, env(safe-area-inset-left))}.sc__side--r{right:max(16px, env(safe-area-inset-right))}.sc__play{left:50%;bottom:max(100px, calc(env(safe-area-inset-bottom) + 90px));margin-left:-22px;font-size:14px;position:absolute}.sc__progress{background:#ffffff14;height:3px;position:absolute;bottom:0;left:0;right:0}.sc__progress i{background:linear-gradient(90deg,#ff9aa9,#ffe08a,#a4f5c8,#8fd6ff,#d3a6ff);width:0;height:100%;display:block}.btn--glass{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;box-shadow:inset 0 0 0 1px #fff3}.btn--glass:hover{background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff57}.btn--glass:focus-visible{outline-color:#fff}.seg--dark{background:#ffffff1a;box-shadow:inset 0 0 0 1px #fff3}.seg--dark button{color:#ffffffbf}.seg--dark button[aria-pressed=true]{color:var(--ink);background:#fff}.switch--dark{color:#ffffffd9}.switch--dark .track{background:#ffffff38}.sc[data-light=spot] .sc__bg{background:radial-gradient(60% 55% at 50% 44%,#262e48,#0b0e17 68%,#04050a)}.sc[data-light=spot] .sc__beam{filter:blur(4px);background:conic-gradient(from 164deg at 50% -6%,#0000 0deg,#fff8e638 16deg,#fff8e612 26deg,#0000 32deg)}.sc[data-light=spot] .sc__floor{background:radial-gradient(34% 60% at 50% 30%,#fff8e629,#0000 70%)}.sc[data-light=spot]{--sc-glow:#d2e1ff59}.sc[data-light=sun] .sc__bg{background:linear-gradient(#170f38 0%,#4b2468 30%,#b24c7c 55%,#f27d5e 74%,#ffc877 92%)}.sc[data-light=sun] .sc__beam{background:radial-gradient(circle at 50% 72%,#ffd68cbf,#ff966e40 22%,#0000 44%)}.sc[data-light=sun] .sc__floor{background:linear-gradient(#0000,#280c2ca6)}.sc[data-light=sun]{--sc-glow:#ffaa6e99}.sc[data-light=neon] .sc__bg{background:radial-gradient(70% 60% at 50% 42%,#1b0f3c,#07040f 75%)}.sc[data-light=neon] .sc__beam{background:radial-gradient(38% 34% at 28% 38%,#ff3cc857,#0000 70%),radial-gradient(38% 34% at 72% 62%,#28dcff4d,#0000 70%)}.sc[data-light=neon] .sc__floor{transform-origin:50% 100%;background:repeating-linear-gradient(90deg,#ff46d280 0 1px,#0000 1px 64px),repeating-linear-gradient(0deg,#3cdcff73 0 1px,#0000 1px 32px);transform:perspective(260px)rotateX(58deg);-webkit-mask-image:linear-gradient(#0000 10%,#000);mask-image:linear-gradient(#0000 10%,#000)}.sc[data-light=neon]{--sc-glow:linear-gradient(135deg, #ff3cc8b3, #28dcffb3)}@media (width<=760px){.boxstage{grid-template-columns:1fr;justify-items:center}}@media (width<=560px){.pity{gap:3px 8px;font-size:11.5px}.pity__pips{gap:3px}.pity__pips i{width:8px;height:8px}.screen--select{--pw:min(240px, 58vw, calc((100dvh - 350px) * .6))}.luck{text-align:center;grid-template-columns:1fr;justify-items:center}#sumLuck,.sc__top{justify-content:center}.sc__count{text-align:center;flex-basis:100%;margin:0}.sc__stage{width:min(420px,76vw,71.6dvh - 179px)}.sc__side{top:auto;bottom:max(96px, calc(env(safe-area-inset-bottom) + 86px));margin-top:0}}@media (prefers-reduced-motion:reduce){.pity--ready .pity__pips i.star{animation:none}.gauge__needle{transition:none}}@font-face{font-family:Figtree;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/font-0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/font-1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/font-0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/font-1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/font-0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/font-1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/font-0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/font-1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/fonts/font-2.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/fonts/font-3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/fonts/font-4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/fonts/font-2.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/fonts/font-3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/fonts/font-4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/fonts/font-2.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/fonts/font-3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/fonts/font-4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--display:ui-rounded, "Trebuchet MS", system-ui, sans-serif;--ui:system-ui, sans-serif;--cut:18%;--pw:220px;--pack-shape:polygon(0 1%, 3% 0, 6% 1%, 9% 0, 12% 1%, 15% 0, 18% 1%, 21% 0, 24% 1%, 27% 0, 30% 1%, 33% 0, 36% 1%, 39% 0, 42% 1%, 45% 0, 48% 1%, 51% 0, 54% 1%, 57% 0, 60% 1%, 63% 0, 66% 1%, 69% 0, 72% 1%, 75% 0, 78% 1%, 81% 0, 84% 1%, 87% 0, 90% 1%, 93% 0, 96% 1%, 100% 0, 100% 99%, 97% 100%, 94% 99%, 91% 100%, 88% 99%, 85% 100%, 82% 99%, 79% 100%, 76% 99%, 73% 100%, 70% 99%, 67% 100%, 64% 99%, 61% 100%, 58% 99%, 55% 100%, 52% 99%, 49% 100%, 46% 99%, 43% 100%, 40% 99%, 37% 100%, 34% 99%, 31% 100%, 28% 99%, 25% 100%, 22% 99%, 19% 100%, 16% 99%, 13% 100%, 10% 99%, 7% 100%, 4% 99%, 0 100%)}*{box-sizing:border-box}html,body,#root{height:auto;min-height:100%}body{color:#1a2233;background:#edf1f7;overflow:auto}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #6654de}button{min-height:44px}a{color:inherit}h1,h2,p{margin:0}h1,h2{font-family:var(--display)}.topbar{justify-content:space-between;align-items:center;max-width:1280px;height:84px;margin:auto;padding:16px 32px;display:flex}.logo{font:800 25px var(--display);align-items:center;gap:10px;text-decoration:none;display:flex}.logo img{border-radius:9px;width:34px;height:34px}.logo span{color:#6b6f82;border-left:1px solid #cdd3df;padding-left:10px;font-size:13px;font-weight:500}.quiet{color:#555d73;background:0 0;border:0;border-radius:12px;padding:10px 14px;font-weight:600}.quiet:hover{background:#dfe5f0}.kicker{letter-spacing:.17em;color:#6a6f8b;font-size:11px;font-weight:800}.muted{color:#667087}.small{font-size:12px}.primary{color:#fff;background:#252a42;border:0;border-radius:14px;justify-content:center;align-items:center;gap:18px;padding:15px 24px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 7px 16px #202b4b18}.primary:hover:not(:disabled){background:#46406d;transform:translateY(-1px)}.auth-layout{grid-template-columns:1.15fr 1fr;align-items:center;gap:75px;max-width:1180px;margin:42px auto 70px;padding:0 32px;display:grid}.auth-intro{padding:24px 0}.auth-intro h1{letter-spacing:-.055em;margin:20px 0;font-size:clamp(36px,4.6vw,62px);line-height:1.04}.auth-intro h1 em{color:#6654ba;font-style:normal}.auth-intro>p:not(.kicker){color:#667087;max-width:415px;font-size:16px;line-height:1.7}.auth-packs{justify-content:center;align-items:center;height:335px;margin:18px 0 12px;display:flex}.auth-packs .pack{--pw:168px;flex-shrink:0}.auth-packs .pack:first-child{transform:rotate(-15deg)translate(38px)}.auth-packs .pack:nth-child(2){z-index:1;transform:translateY(-8px)}.auth-packs .pack:last-child{transform:rotate(15deg)translate(-38px)}.private-note{text-align:center;color:#737c90;font-size:12px;display:block}.auth-panel{background:#fff;border:1px solid #e0e5ee;border-radius:26px;padding:38px;box-shadow:0 24px 70px #34436c0a}.auth-panel h2{letter-spacing:-.04em;margin:15px 0 9px;font-size:28px}.auth-panel>.muted{margin-bottom:28px;font-size:14px;line-height:1.6}form{gap:20px;display:grid}label{gap:8px;font-size:13px;font-weight:650;display:grid}label small{color:#737c90;font-weight:400;line-height:1.5}input,select{color:#1a2233;background:#f8f9fc;border:1px solid #d6dce7;border-radius:11px;width:100%;min-width:0;padding:13px 14px;font-size:16px}input::placeholder{color:#9298aa}.auth-links{text-align:center;gap:2px;margin-top:20px;display:grid}.auth-links button{color:#62558d;background:0 0;border:0;min-height:34px;font-size:13px}.privacy-line{text-align:center;color:#697287;border-top:1px solid #e9ecf2;margin-top:22px;padding-top:22px;font-size:12px;line-height:1.6}.error,.success{border-radius:12px;margin:12px 0;padding:14px 18px;font-size:14px;line-height:1.6}.error{color:#942b28;background:#fff1ef;border:1px solid #ffd4cd}.success{color:#24614b;background:#eaf7f2;border:1px solid #c9e7dc}.site-footer{color:#7e8799;justify-content:space-between;gap:20px;max-width:1216px;margin:35px auto 0;padding:25px 32px;font-size:11px;display:flex}.install-help{background:#fff;border:1px solid #d6dce7;border-radius:16px;max-width:700px;margin:0 auto 20px;padding:22px;line-height:1.7;position:relative}.install-help button{background:#edf1f7;border:0;border-radius:9px;padding:8px 18px}.game-layout{max-width:1160px;margin:auto;padding:0 32px}.player-row{justify-content:space-between;align-items:center;margin:14px 0 22px;font-size:14px;display:flex}.cloud-status{color:#668777;margin-left:15px;font-size:11px}.game-nav{border-bottom:1px solid #d7deea;gap:5px;display:flex}.game-nav button{color:#697087;background:0 0;border:0;border-bottom:3px solid #0000;padding:15px 24px;font-weight:700}.game-nav button[aria-current]{color:#302f52;border-bottom-color:#7563c5}.stats{background:#ffffff9c;border:1px solid #dfe4ee;border-radius:18px;grid-template-columns:repeat(4,1fr);gap:20px;margin:24px 0;padding:20px 26px;display:grid}.stats>div{border-right:1px solid #dfe4ee;gap:5px;display:grid}.stats>div:last-child{border:0}.stats strong{font-size:24px;font-family:var(--display)}.stats span{color:#727c90;font-size:11px}.stats i{color:#a58a42;font-style:normal}.pack-screen{text-align:center;background:radial-gradient(at 50% 35%,#e3daf160,#0000 65%);min-height:590px;padding:18px 0 36px}.pack-picker{justify-content:center;align-items:center;gap:62px;margin:24px 0 22px;display:flex}.pack-open{background:0 0;border:0;padding:0;transition:transform .25s}.pack-open:hover{transform:translateY(-4px)rotate(-1deg)}.pack-open .pack{--pw:186px}.arrow{color:#5c6780;background:#ffffff8c;border:1px solid #d5dce8;border-radius:50%;width:48px;height:48px;font-size:22px}.pack-screen h1{letter-spacing:-.03em;margin:10px 0 5px;font-size:28px}.set-picker{width:225px;margin:16px auto}.set-picker select{padding:10px;font-size:13px}.open-action{min-width:225px;margin:0 auto 13px}.guarantee{color:#8b7841;margin:14px 0;font-size:11px}.opening{animation:.35s infinite alternate shake}.reveal-screen{padding:5px 0}.reveal-screen>.kicker{margin-bottom:14px}.reveal-card{max-width:240px;margin:20px auto;animation:.45s ease-out appear}.reveal-screen h2{margin-top:20px}.rarity{color:#8a6d33;margin:8px 0 18px;font-size:13px}.reveal-controls{justify-content:center;gap:10px;display:flex}.holo-card{pointer-events:auto;width:100%;position:relative}.card-placeholder{color:#abb7d1;text-align:center;pointer-events:none;place-items:center;font-size:15px;display:grid;position:absolute;inset:20% 10%}.card__front{min-height:100%}.pull-grid{grid-template-columns:repeat(5,1fr);gap:22px;margin:28px 0 36px;display:grid}.card-button{text-align:left;min-width:0;color:inherit;background:0 0;border:0;width:100%;padding:0;display:block}.card-button>strong{margin-top:14px;font-size:13px;display:block}.card-button>small{color:#738097;margin-top:3px;font-size:10px;line-height:1.5;display:block}.collection-screen{padding:18px 0}.section-title{justify-content:space-between;align-items:center;gap:12px;margin:5px 0 24px;display:flex}.section-title h1{margin-top:8px;font-size:32px}.filters{gap:12px;margin:0 0 20px;display:flex}.filters input{flex:1}.filters select{max-width:230px}.collection-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 22px;margin:20px 0;display:grid}.card-meta{color:#6a7590;justify-content:space-between;align-items:center;font-size:12px;display:flex}.card-meta button{color:#7a589f;background:0 0;border:0;padding:3px 10px;font-size:24px}.empty{text-align:center;max-width:600px;margin:auto;padding:55px 18px;line-height:1.6}.empty p{color:#788197;margin:12px 0 22px;font-size:14px}.empty-gem{color:#a89acc;font-size:60px;display:block}.more{margin:28px auto;display:flex}.card-dialog{color:#1a2233;text-align:center;background:#f2f5fa;border:1px solid #d5deeb;border-radius:22px;width:430px;max-width:min(94vw,430px);max-height:93dvh;padding:42px;overflow:auto}.card-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#151b36aa}.card-dialog .card{max-width:260px;margin:auto}.card-dialog h2{margin:20px 0 8px;font-size:23px}.card-dialog p{margin-bottom:18px;font-size:12px;line-height:1.6}.dialog-close{color:#627088;background:0 0;border:0;width:42px;font-size:30px;position:absolute;top:5px;right:8px}.card-dialog .primary{font-size:13px}.holo-card .card__rotator{transition:transform .1s,box-shadow .3s}@keyframes appear{0%{opacity:0;transform:translateY(20px)rotateY(45deg)}to{opacity:1;transform:none}}@keyframes shake{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}@media (width<=850px){.auth-layout{gap:30px;margin-top:15px}.auth-panel{padding:26px}.auth-packs .pack{--pw:130px}.auth-packs{height:285px}.auth-intro h1{font-size:44px}.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pull-grid{gap:14px}.game-layout{padding:0 22px}}@media (width<=620px){.topbar{height:70px;padding:12px 18px}.logo{font-size:23px}.topbar .quiet{padding:8px;font-size:12px}.auth-layout{flex-direction:column;gap:20px;margin:16px auto 36px;padding:0 20px;display:flex}.auth-intro{text-align:center;width:100%;padding:0}.auth-intro>.kicker{font-size:9px}.auth-intro h1{margin:12px 0;font-size:36px}.auth-intro h1 br{display:none}.auth-intro>p:not(.kicker){max-width:340px;margin:auto;font-size:13px}.auth-packs{max-width:300px;height:190px;margin:12px auto 0}.auth-packs .pack{--pw:94px}.auth-packs .pack:first-child{transform:rotate(-13deg)translate(22px)}.auth-packs .pack:last-child{transform:rotate(13deg)translate(-22px)}.private-note{display:none}.auth-panel{width:100%;max-width:420px;padding:25px}.auth-panel h2{font-size:26px}.auth-panel>.muted{margin-bottom:22px}.auth-panel>.kicker{font-size:9px}.site-footer{text-align:center;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:15px;padding:20px}.game-layout{padding:0 16px}.cloud-status{margin:3px 0 0;font-size:10px;display:block}.player-row{margin:8px 0 16px}.game-nav button{flex:1;padding:13px 12px;font-size:13px}.stats{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;padding:16px}.stats>div:nth-child(2){border:0}.stats strong{font-size:22px}.stats span{font-size:10px}.pack-screen{padding-top:12px}.pack-picker{gap:26px;margin-top:22px}.pack-open .pack{--pw:166px}.arrow{width:40px;height:40px;min-height:40px}.pack-screen>.kicker{font-size:9px}.collection-grid,.pull-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.pull-grid .card-button:last-child{grid-column:1/-1;justify-self:center;width:50%}.filters{flex-direction:column;gap:9px}.filters select{max-width:none}.section-title h1{font-size:28px}.section-title .kicker{font-size:9px}.section-title .quiet{padding:8px;font-size:11px}.reveal-card{max-width:210px}.card-dialog{padding:38px 28px 24px}.card-dialog .card{max-width:220px}.install-help{margin:0 16px 18px;font-size:13px}.reveal-controls{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.pface__photo{background:var(--photo) var(--photo-pos) / var(--photo-size) no-repeat;display:none;position:absolute;inset:0}.pack.pack--photo{width:calc(var(--pw) * var(--photo-scale));aspect-ratio:var(--photo-ar);margin-inline:auto}.opener .pack.pack--photo{left:var(--photo-inset);right:var(--photo-inset);aspect-ratio:auto;width:auto;margin:0}.pack--photo .pface{background:#d9dee8}.pack--photo .pface>*{display:none}.pack--photo .pface>.pface__photo,.pack--photo .pface>.pface__foil,.pack--photo .pface>.pface__edge{display:block}.pack--photo .pface__foil{opacity:.2}.pack--photo .pface__edge{background:linear-gradient(90deg,#ffffff47,#0000 4% 95%,#0000002e)}.opener--photo{--cut:var(--photo-cut)}.opener--photo .ppart--top{clip-path:inset(-30% -30% calc(100% - var(--cut)) -30%)}.opener--photo .ppart--body{clip-path:inset(var(--cut) -30% -30% -30%)}.opener--photo .cutline__guide{left:calc(var(--photo-inset) + 1.5%);right:calc(var(--photo-inset) + 1.5%)}.opener--photo .cutline__dot{left:calc(var(--photo-inset) + 1.5%)}