h2{font-family:var(--display);font-weight:400;font-size:clamp(36px,4.2vw,64px);line-height:1.02;letter-spacing:.005em}.lede{max-width:46ch;margin-top:16px;font-size:clamp(17px,1.3vw,21px);font-weight:700;line-height:1.5}.hero{position:relative;height:100svh;min-height:640px;overflow:hidden;background:var(--sky-mid) url(/art/bg/hero.webp) center bottom / cover}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgb(28 14 4 / .62) 0%,rgb(28 14 4 / .38) 30%,rgb(28 14 4 / .1) 46%,transparent 56%),radial-gradient(140% 100% at 60% 40%,transparent 55%,rgb(20 10 2 / .35) 100%)}.topbar{position:absolute;z-index:10;inset:0 0 auto;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,64px)}.topbar img{display:block;height:44px;width:auto;filter:drop-shadow(0 2px 6px rgb(20 10 0 / .45))}.topbar a.discord{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 20px 0 16px;border-radius:12px;white-space:nowrap;color:#fff;font-size:17px;font-weight:800;text-decoration:none;background:var(--discord);box-shadow:inset 0 2px #ffffff40,0 3px 0 var(--discord-deep),0 8px 18px #140a2859;transition:transform .15s cubic-bezier(.3,1.6,.5,1)}.topbar a.discord:hover{transform:translateY(-2px)}.topbar a.discord:active{transform:translateY(2px);box-shadow:inset 0 2px #ffffff40,0 1px 0 var(--discord-deep),0 4px 10px #140a284d}.topbar a.discord .brand{width:24px;height:24px;fill:currentColor}.copy{position:absolute;z-index:6;left:clamp(16px,7vw,140px);top:50%;width:min(620px,44vw);transform:translateY(-46%)}.copy h1{margin:0;line-height:0}.logo{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 20px rgb(30 14 2 / .5));transform-origin:50% 100%;animation:land 1.1s cubic-bezier(.3,1.6,.5,1) both .15s}@keyframes land{0%{transform:translateY(-60vh) scale(.9,1.15)}55%{transform:translateY(0) scale(1.08,.9)}75%{transform:scale(.97,1.04)}to{transform:none}}.sub{max-width:28ch;margin:26px 0 36px;font-size:clamp(19px,1.45vw,26px);font-weight:800;line-height:1.4;text-shadow:0 2px 12px rgb(20 10 0 / .65);animation:rise .7s ease-out both .9s}.copy .ctas{animation:rise .7s ease-out both 1.05s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.stage{position:absolute;z-index:5;right:clamp(16px,8vw,160px);bottom:6vh;width:min(34vw,60vh);aspect-ratio:4 / 5.2}.jarpieces{position:absolute;inset:0;pointer-events:none}.jarpiece{position:absolute;background-repeat:repeat}.glass{position:absolute;border-radius:2px;backdrop-filter:blur(2.5px) brightness(1.06);background:linear-gradient(#fffcf01a,#fffcf029),linear-gradient(90deg,#ffffff42,#ffffff12 18%,#ffffff08 60%,#ffffff29 92%,#ffffff47)}.shadow{position:absolute;left:-6%;right:-6%;bottom:-4%;height:12%;border-radius:50%;background:radial-gradient(closest-side,rgb(40 22 6 / .55),transparent);filter:blur(4px)}.cam{position:absolute;inset:0}.rays{position:absolute;left:0;top:0;display:none;pointer-events:none}.rays i{position:absolute;left:0;top:0;background:url(/art/fx/effect_yellow.webp) center / 100% 100%;mix-blend-mode:plus-lighter}.jar-gl,.jar-fx{position:absolute;left:0;width:100%;cursor:pointer;touch-action:manipulation}.jar-fx{pointer-events:none}.chain{position:relative;padding:96px 0 72px;color:var(--ink);background:url(/art/ui/paper.webp) 0 0 / 256px,var(--parchment);background-blend-mode:multiply;box-shadow:inset 0 18px 30px -18px #3c1e0a73}.chain h2{color:var(--walnut)}.chain .lede{color:var(--ink-soft)}.row{position:relative;height:clamp(170px,17vw,260px);margin-top:40px}.row canvas{position:absolute;inset:0;width:100%;height:100%}.draft{position:relative;overflow:hidden;padding:110px 0 120px;background:#2b1a10}.draft .bgart{position:absolute;inset:-20px;background:#2b1a10 url(/art/bg/hero.webp) center / cover;filter:blur(4px) saturate(.85) brightness(.42) sepia(.35)}.draft .inner{position:relative;text-align:center}.draft .lede{margin-inline:auto}.hand{display:grid;grid-template-columns:repeat(4,minmax(0,296px));justify-content:center;align-items:start;gap:30px;margin:56px 0 0;padding:0;list-style:none;perspective:1400px}.card{--sheet: #eee1c4;--title: #594c46;--body: #2b1608;--pill: #7a6a56;--orn: rgb(89 76 70 / .11);--halo: transparent;--corner: url(/art/card/corner-plain.webp);--rx: 0deg;--ry: 0deg;--lift: 0;position:relative;min-width:0;aspect-ratio:5 / 7;container-type:inline-size;text-align:center;transform:translate(var(--dx, 0px),var(--dy, 0px)) rotate(var(--rot, 0deg)) scale(var(--sc, 1)) translateY(calc(var(--lift) * -2.5%)) scale(calc(1 + var(--lift) * .06)) rotateX(var(--rx)) rotateY(calc(var(--ry) + var(--flip, 0deg)));transition:transform .3s cubic-bezier(.3,1.4,.5,1),filter .3s}.card[data-r=rare]{--sheet: #b1c5c7;--title: #3a596f;--body: #2c4350;--pill: #597f87;--orn: rgb(58 89 111 / .18);--halo: rgb(193 209 210 / .55);--corner: url(/art/card/corner-rich.webp)}.card[data-r=epic]{--sheet: #cdb1c0;--title: #5b435a;--body: #493746;--pill: #89627f;--orn: rgb(91 67 90 / .22);--halo: rgb(240 222 232 / .9);--corner: url(/art/card/corner-rich.webp)}.card[data-r=uncommon]{--sheet: #cbd3ac;--title: #4d674e;--body: #334631;--pill: #768a5c;--orn: rgb(77 103 78 / .14);--halo: rgb(213 220 189 / .28)}.card[data-r=legendary]{--sheet: #e8c98a;--title: #6e5a24;--body: #4d4020;--pill: #d6a64e;--orn: rgb(110 90 36 / .27);--halo: rgb(237 212 161);--corner: url(/art/card/corner-rich.webp)}.card[data-r=uncommon] .hex{background-image:url(/art/card/hex-uncommon.webp)}.card[data-r=legendary] .hex{background-image:url(/art/card/hex-legendary.webp)}.card[data-r=legendary] .rar{color:#2a190c}.card[data-r=legendary] .face{box-shadow:0 0 1.2cqw .5cqw #fffaecd9,0 0 4.5cqw 3cqw #ffeec8cc,0 0 11cqw 5cqw #f0d28c80,0 3cqw 7cqw #00000059}.card[data-r=legendary] .orn:before{content:"";position:absolute;top:calc(3.5cqw + 32.5cqw * 252 / 220 / 2);left:50%;width:44.2cqw;aspect-ratio:1;translate:-50% -50%;background:var(--orn);mask:url(/art/card/wreath.webp) center / contain no-repeat}.sparks{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.card .face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:3.5cqw 5.5cqw 11.7cqw;overflow:hidden;border-radius:6.5cqw;background:var(--sheet);box-shadow:0 0 4cqw 1cqw var(--halo),0 3cqw 7cqw #00000059;transition:box-shadow .3s}.card[data-r=epic] .face{box-shadow:0 0 1.2cqw .4cqw #fff8fccc,0 0 4cqw 2.5cqw #ffecf6bf,0 0 10cqw 4cqw #ecc8de73,0 3cqw 7cqw #00000059}.card .orn i{position:absolute;width:14.5cqw;aspect-ratio:1;background:var(--orn);mask:var(--corner) center / contain no-repeat}.card .orn i:nth-child(1){top:4cqw;left:4cqw}.card .orn i:nth-child(2){top:4cqw;right:4cqw;rotate:90deg}.card .orn i:nth-child(3){bottom:4cqw;right:4cqw;rotate:180deg}.card .orn i:nth-child(4){bottom:4cqw;left:4cqw;rotate:270deg}.card .hex{position:relative;display:grid;place-items:center;flex:none;width:32.5cqw;aspect-ratio:220 / 252;margin-bottom:.5cqw;background:url(/art/card/hex-rare.webp) center / 100% 100%}.card[data-r=common] .hex{background-image:url(/art/card/hex-common.webp)}.card[data-r=epic] .hex{background-image:url(/art/card/hex-epic.webp)}.card .hex img{width:64%;height:auto}.card .name{position:relative;display:flex;align-items:flex-start;justify-content:center;flex:none;width:85cqw;height:23cqw;margin-bottom:1.5cqw;font-family:var(--display);font-size:10cqw;line-height:1.14;color:var(--title)}.card .rar{position:relative;flex:none;padding:2cqw 4cqw;border-radius:99px;font-size:6cqw;font-weight:600;line-height:1.38;text-transform:uppercase;background:var(--pill);color:#fff0d4}.card .desc{position:relative;display:flex;flex:1;align-items:center;justify-content:center;width:85cqw;font-size:6.4cqw;font-weight:650;line-height:1.56;letter-spacing:.01em;color:var(--body);text-wrap:balance}.card .desc>span{display:block}.card .term{color:#4b2b50;text-decoration:underline dotted rgb(75 43 80 / .45);text-decoration-thickness:.5cqw;text-underline-offset:1.6cqw}.card .tags{position:relative;display:flex;flex:none;justify-content:center;gap:2cqw;margin:4.5cqw 0 3.2cqw}.card .chip{display:flex;align-items:center;gap:2cqw}.card .chex{display:grid;place-items:center;width:11.3cqw;height:13cqw;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#5d6060}.card .chex:before{content:"";grid-area:1 / 1;width:calc(100% - 1.2cqw);height:calc(100% - 1.4cqw);clip-path:inherit;background:linear-gradient(#a3a5a4,#8d908f 45%,#848887)}.card .chex img{grid-area:1 / 1;position:relative;width:8cqw;height:auto}.card .cname{font-family:var(--display);font-size:7.5cqw;color:#4e5328}.card .cat{position:relative;flex:none;font-size:6cqw;font-weight:600;line-height:1.2;text-transform:uppercase;color:var(--body)}.card .glare{position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,transparent calc(var(--gx, 30%) - 16%),rgb(255 255 255 / .6) var(--gx, 30%),transparent calc(var(--gx, 30%) + 14%)),linear-gradient(118deg,transparent 52%,rgb(255 255 255 / .35) 58%,transparent 60%,transparent 66%,rgb(255 255 255 / .3) 68%,transparent 71%);opacity:var(--glare, .12);mix-blend-mode:soft-light;transition:opacity .3s}.card:hover{--lift: 1;z-index:1}.card:hover .face,.card[data-r]:hover .face{box-shadow:0 0 0 .8cqw #f0ba5cd9,0 0 6cqw 2.5cqw #f0b45099,0 4cqw 9cqw #0006}.close{position:relative;overflow:hidden;padding:120px 0 0;text-align:center;color:#fff8ea;background:var(--sky-mid) url(/art/bg/hero.webp) center top / cover}.close h2{text-shadow:0 4px 0 rgb(40 20 5 / .35),0 10px 30px rgb(20 40 80 / .35)}.close .ctas{position:relative;z-index:2;justify-content:center;margin-top:30px}.close .ground{position:relative;height:max(220px,calc(100vw * 635 / 1672));margin-top:-40px;background:url(/art/bg/ground.webp) center bottom / auto 100% no-repeat}@media(prefers-reduced-motion:reduce){.logo,.sub,.copy .ctas{animation:none}.card,.plank{transition:none}}.still .logo,.still .sub,.still .copy .ctas{animation:none}@media(max-width:820px){.topbar{height:64px}.topbar img{height:34px}.topbar a.discord{height:40px;padding:0 14px 0 12px;gap:8px;font-size:15px}.topbar a.discord .brand{width:21px;height:21px}.topbar a.discord .long{display:none}.copy{left:16px;right:16px;top:74px;width:auto;transform:none}.logo{width:min(400px,74vw)}.sub{margin:14px 0 18px;font-size:17px}.stage{left:50%;right:auto;bottom:2.5vh;width:min(72vw,36vh);transform:translate(-50%)}.vignette{background:linear-gradient(rgb(28 14 4 / .5),transparent 55%)}.chain{padding:64px 0 48px}.row{height:120px}.draft{padding:72px 0}.hand{grid-template-columns:repeat(2,minmax(0,200px));gap:16px 14px;margin-top:32px}.card .desc{width:90cqw;font-size:6.9cqw;line-height:1.42;letter-spacing:0}.close{padding-top:72px}}.deck{display:none}.hand.waiting>.card{visibility:hidden}.hand.dealing>.card{transition:none}.card.down .face{visibility:hidden}.card .back{display:none;position:absolute;inset:0;border-radius:6.5cqw;border:1.5cqw solid #fff;background:linear-gradient(rgb(255 255 255 / .15),transparent min(37.5cqw,34%)),linear-gradient(0deg,rgb(0 0 0 / .1),transparent min(27.5cqw,34%)),url(/art/card/back.webp) 0 0 / 71.43% auto,#241b33;box-shadow:0 2cqw 6cqw #00000059}.card.down .back{display:block}.card .back .plate{position:absolute;left:30%;top:50%;width:40%;aspect-ratio:111 / 128;transform:translateY(-50%)}.card .back .plate img{position:absolute;inset:0;width:100%;height:100%}.card .back .plate .lit{opacity:var(--imbue, 0)}.card .back .query{position:absolute;inset:19%;background:#e7dbc7;mask:url(/art/card/question.webp) center / contain no-repeat}.card .back .rim,.card .back .rim:after{position:absolute;inset:-1.5cqw;border-radius:6.5cqw;border:1.5cqw solid var(--base);opacity:var(--imbue, 0)}.card .back .rim:after{content:"";inset:-1.5cqw;border-color:var(--flash);box-shadow:inset 0 0 0 2.2cqw #e7dbc773;opacity:calc(var(--flare, 0) / max(var(--imbue, 0),.01))}.card.down:before{content:"";position:absolute;inset:0;border-radius:6.5cqw;box-shadow:0 0 6cqw 1.5cqw var(--halo);opacity:var(--declared, 0);pointer-events:none}.card .sun{position:absolute;z-index:-1;left:50%;top:50%;width:230cqw;aspect-ratio:1;translate:-50% -50%;pointer-events:none;opacity:var(--flare, 0);mix-blend-mode:screen;background:radial-gradient(circle,rgb(255 246 230 / .7),transparent 28%),repeating-conic-gradient(var(--halo) 0deg 1.6deg,transparent 2.4deg 9deg);mask:radial-gradient(circle,#000 8%,transparent 62%);animation:sunburst 9s linear infinite}@keyframes sunburst{to{rotate:1turn}}.cname[data-family=fire]{color:#a0221b}.cname[data-family=ice]{color:#005595}.cname[data-family=nature]{color:#006100}.cname[data-family=lightning]{color:#545700}.cname[data-family=gold]{color:#7d4500}.cname[data-family=void]{color:#6d399d}.card.snug .desc{font-size:5.8cqw;line-height:1.42}.card.snug .tags{margin-top:3cqw}.sound{position:fixed;z-index:50;top:18px;right:clamp(16px,4vw,64px);width:48px;height:48px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:var(--cream);background:#2a170c9e;box-shadow:0 4px 14px #140a0059;backdrop-filter:blur(6px);cursor:pointer;transition:background .15s,transform .15s}.sound[hidden]{display:none}.sound:hover{background:#2a170ccc;transform:scale(1.06)}.sound:active{transform:scale(.96)}.sound svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sound .cone{fill:currentColor}.sound[aria-pressed=true]{color:var(--honey)}.sound[aria-pressed=true] .mute,.sound[aria-pressed=false] .waves{display:none}.topbar{padding-right:calc(clamp(16px,4vw,64px) + 60px)}@media(max-width:820px){.sound{position:absolute;top:10px;width:44px;height:44px}}