:root{--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-aspect:.718;--card-radius:4.55% / 3.5%;--card-edge:#ffe78f;--card-back:#004a80;--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)}.card{pointer-events:none;z-index:calc(var(--card-scale) * 2);will-change:transform, visibility, z-index;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transform:translateZ(.01px)}.card,.card *{outline:1px solid #0000}.card:not(.interactive) .card__translater,.card:not(.interactive) .card__rotator,.card:not(.interactive) .card__shine,.card:not(.interactive) .card__glare{transition:all .3s}.card:not(.interactive):hover{--pointer-x:25%!important;--pointer-y:10%!important;--card-scale:1.1!important;--card-opacity:1!important;--translate-x:0px!important;--translate-y:-10px!important;--rotate-x:7deg!important;--rotate-y:-19deg!important;--background-x:44%!important;--background-y:36%!important;--pointer-from-center:.9!important;--pointer-from-top:.11!important;--pointer-from-left:.25!important}.card.water{--card-glow:#36d4fc}.card.fire{--card-glow:#eb5b42}.card.grass{--card-glow:#97ee5d}.card.lightning{--card-glow:#f3e24f}.card.psychic{--card-glow:#ac51d6}.card.fighting{--card-glow:#915a27}.card.darkness{--card-glow:#106a7a}.card.metal{--card-glow:#a3c0c2}.card.dragon{--card-glow:#8f7f24}.card.fairy{--card-glow:#ffc7e9}.card,.card__rotator{aspect-ratio:var(--card-aspect);border-radius:var(--card-radius)}.card.interacting{z-index:calc(var(--card-scale) * 120)}.card.active .card__translater,.card.active .card__rotator{touch-action:none}.card__translater,.card__rotator{perspective:600px;will-change:transform, box-shadow;transform-origin:50%;transform-style:preserve-3d;display:grid}.card__translater{--translate-z:calc(var(--card-scale) * 150px + .01px);width:auto;-webkit-transform:translate3d(var(--translate-x), var(--translate-y), var(--translate-z)) scale(var(--card-scale));transform:translate3d(var(--translate-x), var(--translate-y), var(--translate-z)) scale(var(--card-scale));position:relative}.card__rotator{-webkit-transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));pointer-events:auto}button.card__rotator{appearance:none;background:0 0;border:none;padding:0}.card__rotator,.card.active .card__rotator:focus{transition:box-shadow .4s,opacity .33s ease-out;box-shadow:0 0 3px -1px #0000,0 0 2px 1px #0000,0 0 5px #0000,0 10px 20px -5px #000,0 2px 15px -5px #000,0 0 20px #0000}.card.active .card__rotator,.card__rotator:focus{box-shadow:0 0 3px -1px white, 0 0 3px 1px var(--card-edge), 0 0 12px 2px var(--card-glow), 0px 10px 20px -5px black, 0 0 40px -30px var(--card-glow), 0 0 50px -20px var(--card-glow)}.card__rotator *{width:100%;aspect-ratio:var(--card-aspect);border-radius:var(--card-radius);image-rendering:optimizeQuality;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;pointer-events:none;grid-area:1/1;display:grid;overflow:hidden}.card__rotator img{height:auto}.card__rotator img:not(.card__back){transform:translateZ(.01px)}.card__back{background-color:var(--card-back);backface-visibility:visible;transform:rotateY(180deg)translateZ(1px)}.card__front,.card__front *{backface-visibility:hidden}.card__front{opacity:1;transition:opacity .33s ease-out;transform:translateZ(.01px)}.loading .card__front{opacity:0}.loading .card__back{transform:rotateY(0)}.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.masked .card__shine,.card.masked .card__shine:before,.card.masked .card__shine:after{-webkit-mask-image:var(--mask);-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover}.card[data-rarity=rare\ holo] .card__glare:after,.card[data-rarity="rare holo cosmos"] .card__glare:after,.card[data-rarity$=reverse\ holo] .card__glare:after{clip-path:var(--clip)}.card[data-rarity=rare\ holo][data-subtypes^=stage] .card__glare:after,.card[data-rarity="rare holo cosmos"][data-subtypes^=stage] .card__glare:after,.card[data-rarity$=reverse\ holo][data-subtypes^=stage] .card__glare:after{clip-path:var(--clip-stage)}.card[data-rarity=rare\ holo][data-supertype=trainer] .card__glare:after,.card[data-rarity="rare holo cosmos"][data-supertype=trainer] .card__glare:after,.card[data-rarity$=reverse\ holo][data-supertype=trainer] .card__glare:after{clip-path:var(--clip-trainer)}.card{--glitter:url(/h/20261020T083633Z-home/glitter-0gk-nuCU.png);--glittersize:25%;--space:5%;--angle:133deg;--imgsize:cover;--red:#f80e35;--yellow:#eedf10;--green:#21e985;--blue:#0dbde9;--violet:#c929f1;--clip:inset(9.85% 8% 52.85% 8%);--clip-invert:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0 47.15%, 91.5% 47.15%, 91.5% 9.85%, 8% 9.85%, 8% 47.15%, 0 50%);--clip-stage:polygon(91.5% 9.85%, 57% 9.85%, 54% 12%, 17% 12%, 16% 14%, 12% 16%, 8% 16%, 8% 47.15%, 92% 47.15%);--clip-stage-invert:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0 47.15%, 91.5% 47.15%, 91.5% 9.85%, 57% 9.85%, 54% 12%, 17% 12%, 16% 14%, 12% 16%, 8% 16%, 8% 47.15%, 0 50%);--clip-trainer:inset(14.5% 8.5% 48.2% 8.5%);--clip-borders:inset(2.8% 4% round 2.55% / 1.5%)}.card__shine,.card__glare{will-change:transform, opacity, background-image, background-size, background-position, background-blend-mode, filter}.card[data-rarity=rare\ holo][data-subtypes^=stage] .card__shine,.card[data-rarity=rare\ holo][data-subtypes^=stage] .card__glare:after{clip-path:var(--clip-stage)}.card[data-rarity=rare\ holo][data-subtypes^=supporter] .card__shine,.card[data-rarity=rare\ holo][data-subtypes^=supporter] .card__glare:after,.card[data-rarity=rare\ holo][data-subtypes^=item] .card__shine,.card[data-rarity=rare\ holo][data-subtypes^=item] .card__glare:after{clip-path:var(--clip-trainer)}.card[data-rarity=rare\ holo] .card__shine{--scanlines-space:1px;--scanlines-light:#666;--scanlines-dark:black;--bars:3%;--bar-color:#b3b3b3;--bar-bg:#000;clip-path:var(--clip);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-rarity=rare\ 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-rarity=rare\ 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 screen and (max-width:900px){.card[data-rarity=rare\ holo] .card__shine{--scanlines-space:.5px}}.card[data-rarity=rare\ holo] .card__glare{opacity:calc(var(--card-opacity) * .8);filter:brightness(.8)contrast(1.5);mix-blend-mode:overlay}.card[data-rarity=rare\ 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-rarity=rare\ secret] .card__shine{--shift:1px;--imgsize:cover;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(.4 + (var(--pointer-from-center) * .2))) contrast(1) saturate(2.7);background-position:45% 45%,55% 55%,50%,50%}.card[data-rarity=rare\ secret] .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%;-webkit-mask-image:none!important;mask-image:none!important}.card[data-rarity=rare\ secret] .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;-webkit-mask-image:none!important;mask-image:none!important}.card[data-rarity=rare\ secret] .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-rarity=rare\ ultra][data-supertype=pokémon] .card__shine,.card[data-rarity=rare\ ultra][data-supertype=pokémon] .card__shine:after,.card[data-rarity=rare\ ultra][data-subtypes*=supporter] .card__shine,.card[data-rarity=rare\ ultra][data-subtypes*=supporter] .card__shine:after,.card[data-rarity="rare holo v"][data-trainer-gallery=true] .card__shine,.card[data-rarity="rare holo v"][data-trainer-gallery=true] .card__shine:after{--space:5%;--angle:133deg;--imgsize:cover;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:soft-light, hue, hard-light;background-size:var(--imgsize), 200% 700%, 300% 100%, 200% 100%;filter:brightness(calc((var(--pointer-from-center)*.4) + .4)) contrast(1.4) saturate(2.25)}.card[data-supertype=pokémon][data-rarity=rare\ ultra] .card__shine:after,.card[data-subtypes*=supporter][data-rarity=rare\ ultra] .card__shine:after,.card[data-trainer-gallery=true][data-rarity="rare holo v"] .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) + .8)) contrast(1.5) saturate(1.25);mix-blend-mode:exclusion}.card[data-supertype=pokémon][data-rarity=rare\ ultra] .card__shine:before,.card[data-subtypes*=supporter][data-rarity=rare\ ultra] .card__shine:before{content:"";background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #fff 0%, #0000 40%);mix-blend-mode:overlay;opacity:.75;z-index:1;background-position:50%;background-size:cover;-webkit-mask-image:none;mask-image:none}.card[data-supertype=pokémon][data-rarity=rare\ ultra] .card__glare,.card[data-subtypes*=supporter][data-rarity=rare\ ultra] .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:not(.masked)[data-supertype=pokémon][data-rarity=rare\ ultra] .card__shine:before,.card:not(.masked)[data-trainer-gallery=true][data-rarity="rare holo v"] .card__shine:before{content:none;display:none}.card:not(.masked)[data-supertype=pokémon][data-rarity=rare\ ultra] .card__shine:after,.card:not(.masked)[data-trainer-gallery=true][data-rarity="rare holo v"] .card__shine:after{filter:brightness(calc((var(--pointer-from-center)*.5) + .8)) contrast(1.6) saturate(1.4)}.card[data-subtypes*=supporter][data-rarity=rare\ ultra] .card__shine{filter:brightness(calc((var(--pointer-from-center)*.05) + .8)) contrast(1.75) saturate(1.2)}.card[data-subtypes*=supporter][data-rarity=rare\ ultra] .card__shine:after{filter:brightness(calc((var(--pointer-from-center)*.4) + .85)) contrast(2) saturate(.5)}.card[data-subtypes*=supporter][data-rarity=rare\ ultra] .card__shine:before{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #fff 0%, #0000 80%);mix-blend-mode:screen;opacity:.5}.card[data-rarity=rare\ ultra][data-subtypes*=supporter] .card__glare{opacity:calc(var(--card-opacity) * .75);mix-blend-mode:multiply;filter:brightness(1.5)contrast(1.4)saturate();background-size:170% 170%}.card:not(.masked)[data-subtypes*=supporter][data-rarity=rare\ ultra] .card__shine,.card:not(.masked)[data-subtypes*=supporter][data-rarity=rare\ ultra] .card__shine:after{--mask:none;--foil:url(/h/20261020T083633Z-home/trainerbg-D5xqq63o.png);--imgsize:20%;background-blend-mode:color-burn, hue, hard-light;filter:brightness(calc((var(--pointer-from-center)*.05) + .6)) contrast(1.5) saturate(1.2)}.card{--card-depth:calc(1px + (var(--card-thickness,1px) - 1px) * var(--rim,0))}.card[data-rim=on]{--rim:1!important}.card__rotator .card__rim{height:var(--card-depth);aspect-ratio:auto;transform-origin:0 0;transform-style:flat;backface-visibility:hidden;opacity:var(--rim,0);background:linear-gradient(var(--card-rim,#6f6f74, #d9d9de 45%, #f4f4f7 50%, #b9b9bf 60%, #5d5d63));border-radius:0;grid-area:auto;display:none;position:absolute}.card.sideways .card__rim,.card[data-rim=on] .card__rim{display:block}.card__rotator .card__rim{--facing:calc(var(--ny) * sin(var(--rotate-y)) * cos(var(--rotate-x)) - var(--nx) * sin(var(--rotate-x)))}.card[data-rim=on] .card__rim{--facing:.75}.card__rotator .card__rim:before,.card__rotator .card__rim:after{content:"";position:absolute;inset:0}.card__rotator .card__rim:before{opacity:calc(.55 * (1 - clamp(0, var(--facing), 1)));background:#000}.card__rotator .card__rim:after{opacity:clamp(0, (var(--facing) - .8) * 5, 1);background:linear-gradient(#fff0 20%,#ffffffd9 50%,#fff0 80%)}.card.sideways .card__back,.card[data-rim=on] .card__back{-webkit-transform:rotateY(180deg) translateZ(var(--card-depth));transform:rotateY(180deg) translateZ(var(--card-depth))}.holo-card{--card-aspect:.714286;--card-radius:3.4% / 2.43%;--card-back:transparent;--card-thickness:.8cqw;width:100%;container-type:inline-size}.card.holo-boss{--card-rim:#7a5512, #d9a93c 30%, #fbe7a1 50%, #e0b34d 65%, #8a611a}.card.holo-groki{--card-rim:#5e5a78, #c9c6dc 35%, #f3f1fb 50%, #b3afcb 65%, #4f4b66}.card.holo-corgi{--card-rim:#3a3b3f, #8e9096 35%, #d7d9de 50%, #7c7e84 65%, #2e2f33}.holo-card .card__rotator,.holo-card .card__rotator *{outline:none}.holo-card .card__rotator>.card__front,.holo-card .card__rotator>.card__back{outline:1px solid #0000}.card.holo-card.face-on:not([data-rim=on]) .card__back{visibility:hidden}.card.holo-card .card__rotator{box-shadow:none}.slot .card.holo-card:focus-visible .card__rotator{box-shadow:0 0 3px -1px white, 0 0 3px 1px var(--card-edge), 0 0 12px 2px var(--card-glow), 0 0 40px -30px var(--card-glow), 0 0 50px -20px var(--card-glow)}.holo-card .card__layer{--far:max(var(--depth), -1 * var(--depth));--reach:calc(var(--far) * .268cqw);scale:calc(1 + var(--far) * .0054);translate:clamp(calc(-1 * var(--reach)), calc(tan(var(--rotate-x)) * var(--depth) * -1cqw), var(--reach)) clamp(calc(-1 * var(--reach)), calc(tan(var(--rotate-y)) * var(--depth) * 1cqw), var(--reach))}.card__rotator .card__layer--box{object-fit:cover;border-radius:0;place-self:start;height:auto}.card__rotator .card__over{z-index:1}.holo-card .card__shine,.holo-card .card__glare{--far:max(var(--subject-depth), -1 * var(--subject-depth));--reach:calc(var(--far) * .268cqw);--grow:calc(1 + var(--far) * .0054);--subject-size:calc(var(--box-w) * var(--grow) * 1cqw) calc(var(--box-h) * var(--grow) * 1cqw);--subject-at:calc((var(--box-x) + var(--box-w) * (1 - var(--grow)) / 2) * 1cqw + clamp(calc(-1 * var(--reach)), calc(tan(var(--rotate-x)) * var(--subject-depth) * -1cqw), var(--reach))) calc((var(--box-y) + var(--box-h) * (1 - var(--grow)) / 2) * 1cqw + clamp(calc(-1 * var(--reach)), calc(tan(var(--rotate-y)) * var(--subject-depth) * 1cqw), var(--reach)))}.card.holo-boss.masked .card__shine{-webkit-mask-image:var(--mask), var(--subject-cut), var(--subject-shows);-webkit-mask-image:var(--mask), var(--subject-cut), var(--subject-shows);mask-image:var(--mask), var(--subject-cut), var(--subject-shows);-webkit-mask-composite:source-out, source-in, source-in, source-over;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-out,source-in,source-in,source-over;mask-composite:subtract,intersect,intersect,add;-webkit-mask-size:cover, var(--subject-size), 100% 100%, 100% 100%;mask-size:cover, var(--subject-size), 100% 100%, 100% 100%;-webkit-mask-position:center center, var(--subject-at), 0 0, 0 0;mask-position:center center, var(--subject-at), 0 0, 0 0}.card.holo-boss.masked .card__glare{-webkit-mask-image:var(--mask), var(--light-cut), var(--subject-shows);-webkit-mask-image:var(--mask), var(--light-cut), var(--subject-shows);mask-image:var(--mask), var(--light-cut), var(--subject-shows);-webkit-mask-composite:source-out, source-in, source-in, source-over;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-out,source-in,source-in,source-over;mask-composite:subtract,intersect,intersect,add;-webkit-mask-size:cover, var(--subject-size), 100% 100%, 100% 100%;mask-size:cover, var(--subject-size), 100% 100%, 100% 100%;-webkit-mask-position:center center, var(--subject-at), 0 0, 0 0;mask-position:center center, var(--subject-at), 0 0, 0 0}.card.holo-groki .card__shine{-webkit-mask-image:linear-gradient(#000 0 0), var(--subject-cut);-webkit-mask-image:linear-gradient(#000 0 0), var(--subject-cut);mask-image:linear-gradient(#000 0 0), var(--subject-cut);-webkit-mask-composite:source-out;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-out;mask-composite:subtract;-webkit-mask-size:100% 100%, var(--subject-size);mask-size:100% 100%, var(--subject-size);-webkit-mask-position:0 0, var(--subject-at);mask-position:0 0, var(--subject-at);clip-path:inset(2cqw round 1.6cqw)}.card.holo-groki[data-rarity=rare\ ultra][data-subtypes*=supporter]:not(.masked) .card__shine,.card.holo-groki[data-rarity=rare\ ultra][data-subtypes*=supporter]:not(.masked) .card__shine:after{filter:brightness(calc((var(--pointer-from-center) * .05) + .6)) contrast(1.05) saturate(1.2)}.card.holo-groki[data-rarity=rare\ ultra][data-subtypes*=supporter]:not(.masked) .card__shine:before{opacity:.35}.card.holo-groki[data-rarity=rare\ ultra][data-subtypes*=supporter]:not(.masked) .card__glare{opacity:calc(var(--card-opacity) * .35)}.card__rotator .card__rarity{-webkit-mask-image:var(--floors);-webkit-mask-image:var(--floors);mask-image:var(--floors);border-radius:0;place-self:start;-webkit-mask-size:100% 100%;mask-size:100% 100%}.card__rotator .card__rarity>i{aspect-ratio:auto;background:linear-gradient(90deg,#ff6a8a,#ffa05a,#ffd84a,#5fe08a,#5ab8ff,#9a8aff,#e07aff,#ff6a8a 50%,#ffa05a,#ffd84a,#5fe08a,#5ab8ff,#9a8aff,#e07aff,#ff6a8a);border-radius:0;justify-self:start;width:200%;height:100%;animation:2.4s linear infinite card-rarity-runs}@keyframes card-rarity-runs{0%{translate:-50%}to{translate:0}}@media (prefers-reduced-motion:reduce){.card__rotator .card__rarity>i{animation:none}}.card__rotator .card__carve{-webkit-mask-image:var(--pits);-webkit-mask-image:var(--pits);mask-image:var(--pits);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #e8e8ec, #505054 25%, #000 50%);background-size:100cqw 140cqw;background-position:calc(var(--at-x) * -1cqw) calc(var(--at-y) * -1cqw);mix-blend-mode:plus-lighter;opacity:var(--card-opacity);border-radius:0;place-self:start;-webkit-mask-size:100% 100%;mask-size:100% 100%}.card.holo-groki .card__carve{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #fff, #6a6a6a 25%, #000 50%), linear-gradient(115deg, #ff6a8a, #ffc46a 17%, #f4ff6a 33%, #6aff9c 50%, #6ad8ff 67%, #8a7aff 83%, #ff6ae6);background-blend-mode:multiply}.holo-card .card__back-glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #ffffffb3 10%, #ffffff8c 20%, #00000073 90%);opacity:var(--card-opacity);mix-blend-mode:overlay;transform:translateZ(1.41px)}@media (prefers-reduced-motion:reduce){.holo-card .card__back-glare{display:none}}.holo-card .card__back-cardboard{transform:translateZ(1px)}.card__rotator .card__links{backface-visibility:hidden;position:relative;overflow:visible;transform:rotateY(180deg)translateZ(2px)}.card.sideways .card__rotator .card__links,.card[data-rim=on] .card__rotator .card__links{transform:rotateY(180deg) translateZ(calc(var(--card-depth) + 1px))}.card__rotator .card__links .card-link{aspect-ratio:auto;pointer-events:auto;cursor:pointer;backface-visibility:hidden;border-radius:4px;display:block;position:absolute;overflow:visible}.card__rotator .card__links .card-link:focus-visible{outline-offset:4px;outline:2px solid #f2c75a}.card__rotator .card__links[hidden]{display:none}html[data-city-blend]{--bg:#121b2a;--ink:#a4b5ca;--ink-hover:#e4edf5}html[data-city-blend] .backdrop{filter:saturate(.8)brightness(.86)}.city-atmosphere{pointer-events:none;background:radial-gradient(at 50% 43%,#95acc812,#0000 60%),radial-gradient(at 50% 40%,#0000 38%,#070f1c75 100%);position:absolute;inset:0}.city-roof{left:calc(var(--machine-w) * -.85);top:calc(var(--machine-y) + var(--machine-h) / 2 - var(--machine-w) * .085);width:calc(var(--machine-w) * 1.7);z-index:0;pointer-events:none;position:absolute}.city-roof svg{width:100%;height:auto;display:block}.city-roof__front{top:100%;background:#0b1420;min-height:100vh;position:absolute;inset-inline:0}.city-roof__front>svg{opacity:.9}.city-roof__name{top:calc(var(--machine-w) * .025);background:#111c2b;border:1px solid #3a4655;width:33%;padding:0 2%;position:absolute;left:50%;translate:-50%;box-shadow:0 2px #0b1420,0 0 18px #d5a17b12}.city-roof__name canvas{width:100%;height:auto;image-rendering:pixelated;opacity:.9;filter:drop-shadow(0 0 3px #d5a17b3d);display:block}.city-roof__lamps{opacity:.42;transition:opacity .45s}.city-roof__reflection{opacity:.08;transition:opacity .7s ease-out}html[data-city-blend] .machine{z-index:1}html[data-city-blend] .machine>.groki{z-index:1;filter:url(#city-night-grade)}html[data-city-blend] .machine>.nudge-hand{z-index:2}html[data-city-blend] .groki__floor{opacity:.25}html[data-city-blend] .machine:focus-visible{outline-color:#b7c7dc}@media (hover:hover){.canvas:not([data-open]):has(.machine:hover) .city-roof__lamps{opacity:.9}.canvas:not([data-open]):has(.machine:hover) .city-roof__reflection{opacity:.42}}.canvas[data-drawing] .city-roof__lamps{opacity:1}.canvas:has(.machine:focus-visible) .city-roof__lamps{opacity:1}.canvas[data-drawing] .city-roof__reflection{opacity:.85}.canvas:has(.machine:focus-visible) .city-roof__reflection{opacity:.85}@media (prefers-reduced-motion:reduce){.city-roof__lamps,.city-roof__reflection{transition:none}}:root,:root[data-bg=a]{--bg:#0e0b14;--bg-mid:#19132a;--shadow:.55;--ink:#8d86a3;--ink-hover:#d9d2ea;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-bg=b]{--bg:#070c1c;--bg-mid:#101b38;--shadow:.6;--ink:#7f8db0;--ink-hover:#d6def2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-bg=c]{--bg:#141210;--bg-mid:#221e1a;--shadow:.6;--ink:#9a9184;--ink-hover:#ece4d8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-bg=d]{--bg:#05181a;--bg-mid:#0b2b2e;--shadow:.6;--ink:#7aa3a3;--ink-hover:#d4eeec;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-bg=e]{--bg:#e9e4db;--bg-mid:#f6f2ea;--shadow:.22;--ink:#85796a;--ink-hover:#2b241c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-bg=f]{--bg:#3c4148;--bg-mid:#4c525a;--shadow:.4;--ink:#a9b0ba;--ink-hover:#f0f3f7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%;margin:0}html{background:var(--bg);overscroll-behavior:none}body{-webkit-text-size-adjust:100%;overflow:hidden}.canvas{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:fixed;inset:0;overflow:clip}.backdrop{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}html[data-wallpaper] .dots,html[data-wallpaper] .glow{visibility:hidden}.canvas.dragging,.canvas.dragging *{cursor:grabbing!important}.dots{will-change:transform;pointer-events:none;background-image:radial-gradient(circle,#8d86a321 .9px,#0000 1.4px);background-size:28px 28px;position:absolute;inset:-28px}.stage{will-change:transform;width:0;height:0;position:absolute;top:50%;left:50%}body[data-intro=wait] .stage{opacity:0}.glow{--glow-w:calc(var(--step) * 2 + var(--card-w) * 2.6);--glow-h:calc((var(--row) + var(--card-h) / 2) * 2.6);left:calc(var(--glow-w) / -2);top:calc(var(--glow-h) / -2);width:var(--glow-w);height:var(--glow-h);background:radial-gradient(closest-side, var(--bg-mid), transparent);pointer-events:none;position:absolute}.glow:after{content:"";left:50%;top:calc(50% + var(--row));width:calc(var(--card-w) * 2.4);height:calc(var(--card-h) * 1.7);opacity:0;background:radial-gradient(closest-side,#e2c27a12,#0000);transition:opacity 1.2s ease-out;position:absolute;translate:-50% -50%}.canvas[data-drawn="1"] .glow:after{opacity:1}.machine{left:calc(var(--machine-w) / -2);top:calc(var(--machine-y) - var(--machine-h) / 2);width:var(--machine-w);height:var(--machine-h);cursor:pointer;border-radius:12%;position:absolute}.machine:focus{outline:none}.machine:focus-visible{outline-offset:8px;outline:2px solid #8a6cf0}.canvas[data-open] .machine{cursor:inherit}.machine{transform-origin:50% 100%;transition:filter .35s ease-out,z-index 0s .35s}.canvas[data-open] .machine{filter:brightness(.45)}.canvas[data-present] .machine{z-index:6;filter:none;transition:filter .35s ease-out,z-index}.canvas[data-present] .dim{opacity:1}.canvas[data-lighting] .machine{animation:.6s ease-out backwards groki-lit}@keyframes groki-lit{0%{filter:brightness(.13)}}.nudge-hand{z-index:1;opacity:0;pointer-events:none;transition:opacity .3s;position:absolute}.nudge-hand svg{shape-rendering:crispedges;filter:drop-shadow(0 3px #00000059);display:block}.canvas[data-nudge] .nudge-hand{opacity:1;animation:.9s ease-in-out infinite hand-tap}.canvas[data-nudge] .machine{animation:.9s ease-in-out infinite groki-tapped}@keyframes hand-tap{0%,to{transform:translate(8px,10px)}45%,55%{transform:translate(0)}}@keyframes groki-tapped{0%,40%,60%,to{scale:1}47%,53%{scale:.985}}.bubble{z-index:2;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease-out,visibility 0s .15s;position:absolute}.bubble canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.canvas[data-bubble] .bubble{opacity:1;visibility:visible;transition:none;animation:.42s ease-out bubble-pop}@keyframes bubble-pop{0%{opacity:0;scale:.4}45%{opacity:1;scale:1.08}70%{scale:.97}to{scale:1}}.slot{z-index:1;left:calc(var(--column) * var(--step) - var(--card-w) / 2);top:calc(var(--row) - var(--card-h) / 2);width:var(--card-w);aspect-ratio:1000/1400;pointer-events:none;position:absolute}.slot[data-kind=boss]{z-index:3}.slot[data-leaving]{z-index:9}.slot[data-out]{z-index:10}.slot[data-waiting]{visibility:hidden}.flight{position:absolute;inset:0}.flight:after{content:"";z-index:-1;background:radial-gradient(closest-side, rgb(0 0 0/var(--shadow)), transparent);pointer-events:none;height:12%;transition:opacity .3s ease-out;position:absolute;bottom:-8%;left:5%;right:5%}.slot[data-out] .flight:after{opacity:0}.canvas[data-drawing=boss] .slot[data-kind=boss] .flight:after{opacity:0;transition:none}.canvas .card__rotator{cursor:pointer}.slot .card:focus{outline:none}.slot .card:focus-visible .card__rotator{box-shadow:0 0 3px -1px white, 0 0 3px 1px var(--card-edge), 0 0 12px 2px var(--card-glow), 0px 10px 20px -5px black, 0 0 40px -30px var(--card-glow), 0 0 50px -20px var(--card-glow)}.said{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.dim{z-index:5;opacity:0;pointer-events:none;background:#06040cb8;transition:opacity .35s ease-out;position:absolute}.canvas[data-open] .dim{opacity:1}.canvas[data-handoff] .dim{transition:none}.edge{pointer-events:none;background:radial-gradient(85% 80%,#0000 58%,#04030980);transition:opacity .35s ease-out;position:absolute;inset:0}.canvas[data-open] .edge{opacity:0}@media (prefers-reduced-motion:reduce){.canvas[data-bubble] .bubble,.canvas[data-lighting] .machine,.canvas[data-nudge] .machine,.canvas[data-nudge] .nudge-hand{animation:none}}.still-card{border-radius:3.4%/2.43%;width:min(400px,70vw);position:fixed;top:50%;left:50%;translate:-50% -50%}.lang{z-index:10;top:calc(14px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));min-width:40px;height:32px;color:var(--ink);letter-spacing:.06em;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 8px;font:13px/32px ui-monospace,SF Mono,Menlo,PingFang SC,monospace;transition:color .15s;position:fixed}.lang:hover,.lang:focus-visible{color:var(--ink-hover);outline:none}.sound{right:calc(64px + env(safe-area-inset-right));place-items:center;display:grid}.sound svg{shape-rendering:crispedges;width:24px;height:18px}.scene{position:fixed;inset:0}.card-slot.unseen{visibility:hidden}.card-slot.flat-in{animation:.6s cubic-bezier(.2,.8,.3,1) both flat-in}@keyframes flat-in{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.05)}to{transform:none}}.deck,.corgi{z-index:2;cursor:pointer;transform-origin:50%;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;transition:transform .3s cubic-bezier(.2,.8,.25,1),opacity .2s;position:fixed}.deck[data-at=center],.corgi[data-at=center]{transform:none}.deck[data-at=left],.corgi[data-at=left]{transform:var(--dock-left)}.deck[data-at=right],.corgi[data-at=right]{transform:var(--dock-right)}.deck[data-at=gone],.corgi[data-at=gone]{opacity:0;pointer-events:none}.deck[data-at=guide]{transform:var(--guide-deck)}.corgi[data-at=aside]{transform:var(--dock-aside)}.deck:focus{outline:none}.deck:focus-visible,.corgi:focus-visible{outline-offset:10px;border-radius:12px;outline:2px solid #8a6cf0}.deck-float{animation:3.4s ease-in-out infinite deck-float;position:absolute;inset:0}.deck-float:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#f1c76a52,#a45cf22e 55%,#0000);animation:2.6s ease-in-out infinite deck-glow;position:absolute;inset:-18%}.deck-card{width:100%;height:100%;transform:translate(calc(var(--i) * -0.7%), calc(var(--i) * 0.9%));filter:brightness(calc(1 - var(--i) * .14));border-radius:3.4%/2.43%;position:absolute;inset:0;box-shadow:0 2px 6px #00000073}@keyframes deck-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2.2%)}}@keyframes deck-glow{0%,to{opacity:.7}50%{opacity:1}}body[data-scene=corgi] .deck .deck-float:before{background:radial-gradient(closest-side,#ffe19680,#be6eff4d 55%,#0000);animation-duration:.9s}body[data-scene=corgi] .deck .deck-card:nth-child(odd){animation:.42s ease-in-out infinite riffle-a;animation-delay:calc(var(--i) * -.08s)}body[data-scene=corgi] .deck .deck-card:nth-child(2n){animation:.42s ease-in-out infinite riffle-b;animation-delay:calc(var(--i) * -.08s)}@keyframes riffle-a{0%,to{transform:translate(calc(var(--i) * -0.7%), calc(var(--i) * 0.9%))}50%{transform:translate(-34%,-3%)rotate(-7deg)}}@keyframes riffle-b{0%,to{transform:translate(calc(var(--i) * -0.7%), calc(var(--i) * 0.9%))}50%{transform:translate(34%,-3%)rotate(7deg)}}.vox{--s:11px;width:var(--s);height:var(--s);margin:calc(var(--s) / -2);transform-style:preserve-3d;animation:1.4s linear infinite vox-turn;animation-delay:var(--d);position:absolute;top:0;left:0}.vox b{background:var(--c);position:absolute;inset:0}.vox b:first-child{transform:translateZ(calc(var(--s) / 2));box-shadow:0 0 8px #ffd26eb3}.vox b:nth-child(2){transform:rotateY(180deg) translateZ(calc(var(--s) / 2));filter:brightness(.5)}.vox b:nth-child(3){transform:rotateY(90deg) translateZ(calc(var(--s) / 2));filter:brightness(.75)}.vox b:nth-child(4){transform:rotateY(-90deg) translateZ(calc(var(--s) / 2));filter:brightness(.62)}.vox b:nth-child(5){transform:rotateX(90deg) translateZ(calc(var(--s) / 2));filter:brightness(1.3)}.vox b:nth-child(6){transform:rotateX(-90deg) translateZ(calc(var(--s) / 2));filter:brightness(.4)}@keyframes vox-turn{0%{transform:rotateX(-28deg)rotateY(0)}to{transform:rotateX(-28deg)rotateY(360deg)}}.deck-edge,.deck-sparks{pointer-events:none;display:none;position:absolute;inset:0}.deck-edge{inset:-2.5%}body[data-scene=corgi] .deck-edge,body[data-scene=corgi] .deck-sparks{display:block}.deck-edge i,.deck-sparks i{perspective:240px;position:absolute}.deck-edge i{animation:2.4s linear infinite edge-run;animation-delay:var(--t)}@keyframes edge-run{0%{top:0;left:0}20.8%{top:0;left:100%}50%{top:100%;left:100%}70.8%{top:100%;left:0}to{top:0;left:0}}.deck-sparks i{opacity:0;animation:1.8s cubic-bezier(.15,.7,.3,1) infinite spark;animation-delay:var(--t)}.deck-sparks i:nth-child(3n) .vox{--s:7px}@media (max-width:600px){.vox{--s:8px}.deck-sparks i:nth-child(3n) .vox{--s:5px}}@keyframes spark{0%{opacity:0;top:50%;left:50%;transform:scale(1.4)}10%{opacity:1}70%{opacity:.9}to{left:calc(50% + var(--x));top:calc(50% + var(--y));opacity:0;transform:scale(.6)}}body[data-scene=pull2] .deck .deck-float{animation:.12s linear infinite deck-charge}@keyframes deck-charge{0%,to{transform:translate(0)scale(1.04)}50%{transform:translate(.6%,-.4%)scale(1.05)}}.corgi[data-revealed=""]{opacity:0}.corgi-drop{position:absolute;inset:0}.corgi .card{--card-aspect:.714286;--card-radius:3.4% / 2.43%;--card-back:transparent;width:100%}.guide{z-index:2;left:0;right:0;top:var(--guide-top);opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:14px;transition:opacity .15s;display:flex;position:fixed}body[data-scene=deck] .guide,body[data-scene=corgi] .guide{opacity:1;pointer-events:auto}.guide canvas{image-rendering:pixelated;display:block}.guide-line{filter:drop-shadow(0 0 10px #ffbe508c);margin:0}.guide-line[hidden]{display:none}.guide-press{position:relative}.guide-button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(#ffe58a,#ffc93c);border:3px solid #2a1640;border-radius:0;padding:15px 30px 17px;animation:1.6s ease-in-out infinite button-glow;display:block;box-shadow:inset 0 -5px #e0901e,inset 0 3px #fff4c4,0 5px #2a1640,0 0 30px #ffcd5a73}.guide-button:active{transform:translateY(3px);box-shadow:inset 0 -2px #e0901e,inset 0 3px #fff4c4,0 2px #2a1640,0 0 30px #ffcd5a73}.guide-button:focus{outline:none}.guide-button:focus-visible{outline-offset:6px;outline:2px solid #fff}@keyframes button-glow{50%{filter:brightness(1.12)drop-shadow(0 0 14px #ffcd5ab3)}}.guide-hand{opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;bottom:-44px;right:-22px}.guide-hand svg{shape-rendering:crispedges;filter:drop-shadow(0 3px #00000059);display:block}body[data-nudge=hand] .guide-hand,body[data-nudge=urge] .guide-hand{opacity:1;animation:.9s ease-in-out infinite hand-tap}body[data-nudge=hand] .guide-button,body[data-nudge=urge] .guide-button{animation:.9s ease-in-out infinite button-tap}@keyframes button-tap{0%,40%,60%,to{translate:0}48%,52%{translate:0 3px}}.said,.unseen-words{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.deck,.corgi{transition:none}.deck-float,.deck-float:before,.deck-card,.deck-sparks i,.deck-edge i,.vox,.guide-button,.guide-hand{animation:none!important}.deck-sparks,.deck-edge{display:none!important}.card-slot.flat-in{animation:none}}