@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:500;src:url(./chakra-petch-thai-500-normal-DeexCGiz.woff2)format("woff2"),url(./chakra-petch-thai-500-normal-CJG_V2_m.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:500;src:url(./chakra-petch-vietnamese-500-normal-HqvoIJPu.woff2)format("woff2"),url(./chakra-petch-vietnamese-500-normal-BVzUBLGs.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:500;src:url(./chakra-petch-latin-ext-500-normal-gA6791b0.woff2)format("woff2"),url(./chakra-petch-latin-ext-500-normal-BCHeNDEx.woff)format("woff");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:Chakra Petch;font-style:normal;font-display:swap;font-weight:500;src:url(./chakra-petch-latin-500-normal-BR1ody1F.woff2)format("woff2"),url(./chakra-petch-latin-500-normal-CnUQnZ4D.woff)format("woff");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:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(./chakra-petch-thai-700-normal-B7WL5pBr.woff2)format("woff2"),url(./chakra-petch-thai-700-normal-vZLZ_5L8.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(./chakra-petch-vietnamese-700-normal-ZDCXY9IA.woff2)format("woff2"),url(./chakra-petch-vietnamese-700-normal-gQuUA8Wu.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(./chakra-petch-latin-ext-700-normal-DAkvJhej.woff2)format("woff2"),url(./chakra-petch-latin-ext-700-normal-BeviJPUl.woff)format("woff");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:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(./chakra-petch-latin-700-normal-CnDBPjkL.woff2)format("woff2"),url(./chakra-petch-latin-700-normal-D1s_c2du.woff)format("woff");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:Chakra Petch;font-style:italic;font-display:swap;font-weight:500;src:url(./chakra-petch-thai-500-italic-CY1kyx2O.woff2)format("woff2"),url(./chakra-petch-thai-500-italic-BfpEm1DK.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Chakra Petch;font-style:italic;font-display:swap;font-weight:500;src:url(./chakra-petch-vietnamese-500-italic-CpcSQTTg.woff2)format("woff2"),url(./chakra-petch-vietnamese-500-italic-DEzFp6Jo.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Chakra Petch;font-style:italic;font-display:swap;font-weight:500;src:url(./chakra-petch-latin-ext-500-italic-B9y7X6RM.woff2)format("woff2"),url(./chakra-petch-latin-ext-500-italic-9Gr-of6w.woff)format("woff");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:Chakra Petch;font-style:italic;font-display:swap;font-weight:500;src:url(./chakra-petch-latin-500-italic-DRoMEuwr.woff2)format("woff2"),url(./chakra-petch-latin-500-italic-CiP5iTJy.woff)format("woff");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:Rubik Mono One;font-style:normal;font-display:swap;font-weight:400;src:url(./rubik-mono-one-cyrillic-400-normal-BnSqJbXw.woff2)format("woff2"),url(./rubik-mono-one-cyrillic-400-normal-CYYDEcIq.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Rubik Mono One;font-style:normal;font-display:swap;font-weight:400;src:url(./rubik-mono-one-latin-ext-400-normal-CZqoBXpE.woff2)format("woff2"),url(./rubik-mono-one-latin-ext-400-normal-CJfzRdUT.woff)format("woff");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:Rubik Mono One;font-style:normal;font-display:swap;font-weight:400;src:url(./rubik-mono-one-latin-400-normal-U2Afr9Di.woff2)format("woff2"),url(./rubik-mono-one-latin-400-normal-Cd19iSlZ.woff)format("woff");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{--felt:#121016;--bone:#f1ecdf;--red:#e8392c;--w:min(24vw, 39vh, 214px)}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--felt);color:var(--bone);background-image:radial-gradient(120% 90% at 50% 120%,#2a1f2e 0%,#0000 60%),repeating-linear-gradient(45deg,#ffffff03 0 2px,#0000 2px 5px);font-family:Chakra Petch,sans-serif}.spot{pointer-events:none;background:radial-gradient(420px 320px at var(--sx,50%) var(--sy,40%), #ffecc81f, transparent 70%);position:fixed;inset:0}.top{z-index:5;pointer-events:none;position:fixed;top:18px;left:22px}.top h1{letter-spacing:.02em;text-transform:uppercase;color:var(--bone);margin:0;font:400 15px/1 Rubik Mono One,sans-serif}.top h1 span{color:var(--red);margin-left:6px}.top p{letter-spacing:.14em;text-transform:uppercase;color:#8d8698;margin:6px 0 0;font-size:11px}.fan{justify-content:center;align-items:center;padding-top:22px;display:flex;position:absolute;inset:0}.slot{margin:0 calc(var(--w) * -.08);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.slot.s1{transform:rotate(-8deg)translateY(16px)}.slot.s3{transform:rotate(8deg)translateY(16px)}.slot.s2{z-index:2;transform:translateY(-6px)}.slot:hover{z-index:3}.card{width:var(--w);aspect-ratio:63/88;border-radius:calc(var(--w) * .05);transform-style:preserve-3d;cursor:grab;touch-action:none;background:linear-gradient(150deg, var(--frame), var(--frame2));padding:calc(var(--w) * .045);box-sizing:border-box;--px:50%;--py:50%;--fx:.5;--fy:.5;position:relative;box-shadow:inset 0 1px #ffffff59,0 24px 40px -18px #000000e6,0 6px 12px #00000073}.card:before{content:"";border-radius:inherit;pointer-events:none;z-index:3;mix-blend-mode:color-dodge;opacity:.3;padding:inherit;box-sizing:border-box;-webkit-mask-composite:xor;background:var(--foil);background-size:260% 260%;background-position:var(--px) var(--py);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.inner{border-radius:calc(var(--w) * .025);background:var(--bone);color:#17141b;height:100%;padding:calc(var(--w) * .035);box-sizing:border-box;gap:calc(var(--w) * .022);font-size:calc(var(--w) * .047);flex-direction:column;display:flex;overflow:hidden}.bar{justify-content:space-between;align-items:baseline;display:flex}.bar b{font:400 calc(var(--w) * .066)/1 "Rubik Mono One", sans-serif;letter-spacing:-.02em;word-spacing:-.35em}.bar span{color:var(--red);font-weight:700;font-size:calc(var(--w) * .05)}.art{aspect-ratio:200/130;background:var(--base,#0d0b11);box-shadow:0 0 0 2px #17141b, 0 0 0 3px var(--frame2);border-radius:3px;position:relative;overflow:hidden}.art svg{width:100%;height:100%;display:block;position:absolute;inset:0}.foil,.sparkle{pointer-events:none;position:absolute;inset:0}.foil{background:var(--foil);background-size:260% 260%;background-position:var(--px) var(--py);mix-blend-mode:color-dodge;opacity:.62;filter:saturate(1.2);-webkit-mask-image:radial-gradient(farthest-corner circle at var(--px) var(--py), #000 0%, #00000059 45%, #00000014 80%);-webkit-mask-image:radial-gradient(farthest-corner circle at var(--px) var(--py), #000 0%, #00000059 45%, #00000014 80%);mask-image:radial-gradient(farthest-corner circle at var(--px) var(--py), #000 0%, #00000059 45%, #00000014 80%)}.spec{pointer-events:none;mix-blend-mode:overlay;background:radial-gradient(farthest-corner circle at var(--px) var(--py), #ffffffbf 0%, #ffffff1f 22%, transparent 55%);position:absolute;inset:0}.sparkle{background-image:var(--grain);mix-blend-mode:soft-light;opacity:calc(.05 + var(--fy) * .12);background-size:70px 70px;background-position:calc(var(--fx) * 40px) calc(var(--fy) * 40px)}.type{font-size:calc(var(--w) * .043);letter-spacing:.02em;border-bottom:1px solid #17141b;padding-bottom:3px;font-weight:500}.type i{color:var(--red);font-weight:700}.stats{font-weight:700;font-size:calc(var(--w) * .04);letter-spacing:.08em;grid-template-columns:auto 1fr;align-items:center;gap:3px 6px;margin:0;display:grid}.stats dd{height:calc(var(--w) * .028);background:linear-gradient(90deg, #17141b calc(var(--v) * 100%), #17141b24 0);border-radius:1px;margin:0}.flavor{font-style:italic;font-size:calc(var(--w) * .042);color:#4b4552;flex:1;margin:0;line-height:1.22}.foot{font-size:calc(var(--w) * .038);letter-spacing:.1em;color:#6c6573;justify-content:space-between;font-weight:700;display:flex}.card[data-card=break] .bar b{background:linear-gradient(100deg,#5e3c0c,#8f6418 38%,#d9a93f 50%,#8f6418 62%,#5e3c0c);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;background-position:var(--px) 0}.card[data-card=break] .inner{background:#f4ecd6}.card[data-card=vox] .inner{color:var(--bone);background:#24212b}.card[data-card=vox] .type,.card[data-card=vox] .stats dd{border-color:var(--bone)}.card[data-card=vox] .stats dd{background:linear-gradient(90deg, #d6ff3b calc(var(--v) * 100%), #f1ecdf24 0)}.card[data-card=vox] .flavor{color:#a9a2b2}.card[data-card=vox] .bar span,.card[data-card=vox] .type i{color:#d6ff3b}.js-tilt-glare{border-radius:inherit;z-index:4}body{--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2'/><feColorMatrix values='0 0 0 9 -4  0 0 0 9 -4  0 0 0 9 -4  0 0 0 0 1'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}body.foil-prism{--foil:repeating-linear-gradient(115deg, #ff3f6c 0%, #ffd23f 4%, #52ffb8 8%, #3fb8ff 12%, #b13fff 16%, #ff3f6c 20%)}body.foil-galaxy{--foil:radial-gradient(circle at 30% 30%, #ff5ea8 0 1.2%, transparent 1.6%) 0 0 / 22px 22px, radial-gradient(circle at 70% 60%, #7dfbff 0 1%, transparent 1.4%) 0 0 / 31px 31px, conic-gradient(from 0deg, #2b1b6e, #c03fff, #ff7a59, #ffe14d, #3ff2c4, #2b70ff, #2b1b6e)}body.foil-ice{--foil:var(--shards), linear-gradient(125deg, #84f7ff, #b892ff, #ffb3e0, #fff6a8, #84f7ff, #b892ff)}body.foil-galaxy .foil,body.foil-galaxy .card:before{background-size:22px 22px,31px 31px,260% 260%}body.foil-ice .foil,body.foil-ice .card:before{background-blend-mode:multiply;background-size:100% 100%,260% 260%}body.foil-galaxy .foil,body.foil-galaxy .card:before{background-position:0 0, 0 0, var(--px) var(--py)}body.foil-ice .foil,body.foil-ice .card:before{background-position:0 0, var(--px) var(--py)}body.foil-ice .foil{opacity:.85}.ctl{z-index:6;background:#121016cc;border:1px solid #3a3344;border-radius:99px;align-items:center;gap:2px;padding:3px;display:flex;position:fixed;top:16px;right:18px}.ctl span{letter-spacing:.16em;text-transform:uppercase;color:#8d8698;padding:0 6px 0 9px;font-size:10px}.ctl button{white-space:nowrap;letter-spacing:.06em;color:var(--bone);cursor:pointer;background:0 0;border:0;border-radius:99px;padding:7px 10px;font:700 11px/1 Chakra Petch,sans-serif}.ctl button.on{background:var(--bone);color:var(--felt)}.hint{text-align:center;letter-spacing:.2em;text-transform:uppercase;color:#6f687a;pointer-events:none;margin:0;font-size:10px;position:fixed;bottom:12px;left:0;right:0}body.paused .sparkle{opacity:.3}@media (width<=560px){:root{--w:min(36vw, 34vh, 170px)}.top{top:12px;left:14px}.top p{display:none}.ctl{top:auto;bottom:30px;right:50%;transform:translate(50%)}.hint{letter-spacing:.12em;padding:0 12px;font-size:8.5px;bottom:8px}.ctl button{padding:6px 8px;font-size:10px}.ctl span{display:none}.slot{margin:0 calc(var(--w) * -.32)}.flavor{display:none}}