.landing-experience{color:var(--ds-ink);background:var(--ds-canvas)}.landing-hud{z-index:var(--ds-layer-chrome);justify-content:space-between;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-6);pointer-events:none;flex-wrap:wrap;display:flex;position:fixed;inset:0 0 auto}.landing-hud>*{pointer-events:auto}.landing-sign-in{align-items:center;display:inline-flex}.landing-chapter{isolation:isolate;min-width:0;min-height:100svh;padding:calc(var(--ds-space-8) * 3) var(--ds-space-8) calc(var(--ds-space-8) * 3);align-items:center;padding-block-start:max(calc(var(--ds-space-8) * 3), calc(var(--landing-header-height,0px) + var(--ds-space-6)));padding-block-end:max(calc(var(--ds-space-8) * 3), calc(var(--landing-navigation-height,0px) + var(--ds-space-8) + env(safe-area-inset-bottom)));display:grid;position:relative;overflow:clip}.landing-chapter>.landing-world{z-index:-1;pointer-events:none;position:absolute;inset:0}.landing-play-stage{align-content:center;justify-items:center;gap:var(--ds-space-5);width:100%;display:grid}.landing-play-title{isolation:isolate;text-align:center;position:relative}.landing-play-title h1{font-family:var(--font-display);font-size:calc(var(--text-display) * 2);line-height:var(--text-display--line-height);font-weight:700}.landing-play-title p{max-width:26rem;font-size:var(--text-body);line-height:var(--text-body--line-height);text-wrap:balance;margin-block-start:var(--ds-space-3)}.landing-play-board{width:min(48svh,36rem,80vw);margin-block:var(--ds-space-3)}.landing-table-slot{aspect-ratio:1;width:100%;position:relative;container-type:size}.landing-play-actions{justify-content:center;gap:var(--ds-space-3);flex-wrap:wrap;max-width:100%;display:flex;position:relative}.landing-chapter--modes{background:var(--ds-paper)}.landing-chapter.landing-chapter--modes[data-landing-activated=true]:before{z-index:-1;content:"";background:var(--ds-texture-parchment) center / 40rem;opacity:.18;position:absolute;inset:0}.landing-mode-stage{align-self:center;gap:var(--ds-space-6);width:min(100%,72rem);margin-inline:auto;display:grid}.landing-mode-stage>h2{text-align:center}.landing-mode-composition{align-items:center;gap:calc(var(--ds-space-8) * 2);grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);display:grid}.landing-mode-artwork{min-height:min(48svh,32rem);padding:var(--ds-space-6);place-items:center;display:grid}.landing-mode-key-art{align-items:center;width:100%;max-width:40rem;display:grid}.landing-mode-description{align-items:center;display:grid}.landing-mode-layer,.landing-mode-copy,.landing-mode-reserve{grid-area:1/1;min-width:0}.landing-mode-layer[data-in-viewport=true]{filter:drop-shadow(0 var(--ds-space-1) var(--ds-space-2) #0003) drop-shadow(0 var(--ds-space-5) var(--ds-space-6) #00000038)}:root[data-theme=dark] .landing-mode-layer[data-in-viewport=true]{filter:drop-shadow(0 var(--ds-space-1) var(--ds-space-2) #0000005c) drop-shadow(0 var(--ds-space-5) var(--ds-space-6) #0000006b)}.landing-mode-reserve{align-items:center;display:grid}.landing-mode-reserve>*{grid-area:1/1}.landing-mode-reserve__table{aspect-ratio:1}.landing-mode-reserve,.landing-mode-copy[data-active=false]{visibility:hidden;opacity:0;pointer-events:none}@media (width>=100rem){.landing-mode-stage{width:min(100%, var(--landing-modes-width,72rem))}.landing-mode-composition{grid-template-columns:minmax(0,1fr) 24rem}.landing-mode-artwork{min-height:var(--landing-artwork-height,32rem)}.landing-mode-key-art{zoom:var(--landing-key-art-scale,1);width:40rem;max-width:none}}.landing-route{width:100%;max-width:38rem;padding-right:var(--ds-space-8);padding-top:8%;padding-left:8%;margin-inline:auto;padding-block-end:max(var(--ds-space-8), 14%);display:flow-root;position:relative}.landing-route__map{display:flow-root;position:relative}.landing-route__paper{z-index:1;position:relative}.landing-route__route{width:100%}.landing-route__frame{--campaign-map-trim-size:clamp(var(--ds-space-3), 1.25vw, var(--ds-space-5));width:calc(100% - var(--campaign-map-trim-size) * 2);margin-inline:auto;margin-block:var(--campaign-map-trim-size)}.landing-route__compass{pointer-events:none;width:18%;height:auto;position:absolute;top:0;left:0;translate:-50% -50%}.landing-route__notes{pointer-events:none;width:22%;height:auto;position:absolute;bottom:0;right:0;translate:16% 42%;rotate:8deg}.landing-route__compass,.landing-route__notes{filter:drop-shadow(0 var(--ds-space-1) var(--ds-space-2) #00000047)}:root[data-theme=dark] :is(.landing-route__compass,.landing-route__notes){filter:drop-shadow(0 var(--ds-space-1) var(--ds-space-2) #00000075)}.landing-ranked-shield{aspect-ratio:730/901;width:100%;max-width:21rem;margin-inline:auto;position:relative;overflow:clip}.landing-ranked-shield__image{width:210.411%;max-width:none;height:auto;display:block;position:absolute;top:-13.4295%;left:-55.2055%}.landing-ranked-shield__emblem{aspect-ratio:1;width:32%;color:var(--ds-on-dark);pointer-events:none;position:absolute;top:45%;left:50%;translate:-50% -50%}.landing-mode-table{width:86%;max-width:27rem;margin-inline:auto;position:relative}.landing-mode-table__seat{place-items:center;display:grid}.landing-mode-table[data-seats="4"]{place-items:center;gap:var(--ds-space-3);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:auto minmax(0,1fr) auto;width:100%;margin-block:0;display:grid;container-type:inline-size}.landing-mode-table[data-seats="4"]>.landing-table-slot{grid-area:2/2}.landing-mode-table__seat[data-seat="0"]{grid-area:1/2}.landing-mode-table__seat[data-seat="1"]{grid-area:2/3}.landing-mode-table__seat[data-seat="2"]{grid-area:3/2}.landing-mode-table__seat[data-seat="3"]{grid-area:2/1}.landing-seat-standard{display:contents}.landing-seat-compact{display:none}@container (width<=18rem){.landing-seat-standard{display:none}.landing-seat-compact{display:contents}}.landing-chapter--pieces{color:var(--ds-on-dark);background-color:var(--ds-material-felt)}.landing-chapter--pieces[data-landing-activated=true]{background-image:var(--ds-gradient-side-vignette), var(--ds-texture-felt);background-size:cover,36rem}.landing-pieces-stage{align-items:center;gap:var(--ds-space-4) calc(var(--ds-space-8) * 2);grid-template-rows:repeat(3,auto);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-areas:"heading display""controls display""packs display";width:min(100%,68rem);margin-inline:auto;display:grid}.landing-piece-heading{grid-area:heading}.landing-piece-display{justify-items:center;gap:var(--ds-space-3);grid-area:display;justify-self:center;width:min(100%,58svh);min-width:0;display:grid}.landing-piece-large{aspect-ratio:1;width:100%}.landing-piece-selection{text-align:start;width:100%;max-width:32rem;container-type:inline-size}.landing-selected-style{gap:var(--ds-space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.landing-selected-style__item{align-content:center;gap:var(--ds-space-1);min-width:0;min-height:3rem;overflow-wrap:anywhere;text-wrap:pretty;padding-inline-start:calc(3rem + var(--ds-space-3));display:grid;position:relative}.landing-selected-style__sample{inset-inline-start:0;width:3rem;position:absolute;top:50%;translate:0 -50%}@container (width<=28rem){.landing-selected-style{gap:var(--ds-space-4);grid-template-columns:minmax(0,1fr)}}@container (width<=14rem){.landing-selected-style__item{padding-inline-start:0}.landing-selected-style__sample{margin-block-end:var(--ds-space-2);display:block;position:static;translate:none}.landing-selected-style__item dd{line-height:var(--text-body--line-height)}}.landing-piece-controls{justify-items:start;gap:var(--ds-space-4);grid-area:controls;min-width:0;display:grid}.landing-piece-picker{width:100%;max-width:30rem;container-type:inline-size}.landing-piece-categories{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.landing-piece-picker button{scroll-margin-block-start:calc(var(--landing-header-height,0px) + var(--ds-space-4));scroll-margin-block-end:calc(var(--landing-navigation-height,0px) + var(--ds-space-8))}@container (width<=12rem){.landing-piece-categories{grid-template-columns:minmax(0,1fr)}}.landing-cosmetic-options{min-width:0;margin-block-start:var(--ds-space-4)}.landing-cosmetic-swatches{place-items:start center;gap:var(--ds-space-3);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}@container (width<=22rem){.landing-cosmetic-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (width<=12rem){.landing-cosmetic-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width<=9rem){.landing-cosmetic-swatches{grid-template-columns:minmax(0,1fr)}}@media (width>=100rem){.landing-pieces-stage{row-gap:var(--ds-space-6);width:min(90%, calc(30rem + min(58svh, 38vw) + var(--ds-space-8) * 2));grid-template-rows:minmax(0,1fr) repeat(3,auto) minmax(0,1fr);grid-template-columns:30rem minmax(0,1fr);grid-template-areas:".display""heading display""controls display""packs display"".display"}}.landing-light-link{align-items:center;gap:var(--ds-space-2);min-height:2.75rem;color:var(--ds-on-dark);font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height);text-underline-offset:var(--ds-space-1);text-decoration:underline;display:inline-flex}.landing-light-link:focus-visible{outline:var(--ds-focus-indicator-width) var(--ds-focus-indicator-style) var(--ds-focus-inverse);outline-offset:var(--ds-focus-indicator-offset)}.landing-pack-discovery{place-items:center;gap:var(--ds-space-4);text-align:center;grid-area:packs;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;display:grid}.landing-pack-discovery>p{min-width:0;max-width:28rem}.landing-pack-fan{width:26rem;max-width:100%;padding:var(--ds-space-4) var(--ds-space-6);flex-shrink:0;align-items:center;display:flex}.landing-pack-position{flex-shrink:0;width:38%}.landing-pack-position:first-child{rotate:-14deg}.landing-pack-position:nth-child(2){translate:0 calc(var(--ds-space-3) * -1);margin-inline-start:-9%;position:relative}.landing-pack-position:last-child{margin-inline-start:-9%;rotate:14deg}.landing-pack-reserve{visibility:hidden;padding:.45rem}.landing-pack-reserve>div{aspect-ratio:19/34}.landing-news-stage{justify-items:center;gap:var(--ds-space-7);overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;max-width:56rem;margin-inline:auto;display:grid;position:relative}.landing-chapter--news{color:var(--ds-on-dark);background:var(--ds-walnut-dark)}.landing-chapter--news .game-scene{--game-scene-light-falloff:color-mix(in srgb, var(--game-scene-shadow-ink) 20%, transparent);--game-scene-light-periphery:color-mix(in srgb, var(--game-scene-shadow-ink) 44%, transparent)}:root[data-theme=dark] .landing-chapter--news .game-scene{--game-scene-light-falloff:color-mix(in srgb, var(--game-scene-shadow-ink) 24%, transparent);--game-scene-light-periphery:color-mix(in srgb, var(--game-scene-shadow-ink) 52%, transparent)}.landing-chapter--news .game-scene[data-game-scene-contained=true]:after{content:none}.landing-chapter--news [data-game-scene-table-space]{visibility:hidden}.landing-news-stage>h2{text-align:center}.landing-announcement{--landing-frame-rail:clamp(var(--ds-space-6), 4vw, calc(var(--ds-space-8) * 2));isolation:isolate;width:min(100%,52rem);min-width:0;padding:calc(var(--landing-frame-rail) * .3) calc(var(--landing-frame-rail) * .19);overflow-wrap:anywhere;filter:drop-shadow(0 var(--ds-space-1) var(--ds-space-1) #00000061) drop-shadow(0 var(--ds-space-4) var(--ds-space-5) #0000004d);position:relative}.landing-announcement__paper{padding:calc(var(--landing-frame-rail) * .7) calc(var(--landing-frame-rail) * .81);position:relative}.landing-announcement__frame{pointer-events:none;inset:calc(var(--landing-frame-rail) * -.42) calc(var(--landing-frame-rail) * -.235);border:var(--landing-frame-rail) solid transparent;border-image-slice:20%;border-image-repeat:stretch;position:absolute}.landing-chapter--news[data-landing-activated=true] .landing-announcement__frame{border-image-source:url(/assets/clubhouse-shop-pack-detail-writing-surface-frame-1024w-BCWtHzSM.webp)}.landing-announcement__content{min-width:0;position:relative}.landing-paper-link{min-width:0;min-height:2.75rem;color:var(--ds-link);font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height);text-underline-offset:var(--ds-space-1);flex:1;align-items:center;font-weight:600;text-decoration:underline;display:inline-flex}.landing-paper-link:focus-visible{outline:var(--ds-focus-indicator-width) var(--ds-focus-indicator-style) var(--ds-focus);outline-offset:var(--ds-focus-indicator-offset)}.landing-news-links{justify-content:center;gap:var(--ds-space-3);flex-wrap:wrap;min-width:0;max-width:100%;display:flex}.landing-colophon{min-width:0;padding:var(--ds-space-8);color:var(--ds-ink);background:var(--ds-paper);border-block-start:var(--ds-border-width-boundary) var(--ds-border-style-structural) var(--ds-line-soft);overflow-wrap:anywhere;padding-block-end:max(calc(var(--ds-space-8) * 2), calc(var(--landing-navigation-height,0px) + var(--ds-space-8) + env(safe-area-inset-bottom)));position:relative}.landing-footer-content{gap:var(--ds-space-3);width:min(100%,44rem);margin-inline:auto;display:grid}.landing-footer-links{justify-content:center;align-items:center;gap:var(--ds-space-3) var(--ds-space-6);flex-wrap:wrap;min-width:0;display:flex}.landing-footer-cat{width:clamp(8rem,12vw,10rem);max-width:calc(100% - var(--ds-space-5) * 2);pointer-events:none;filter:drop-shadow(0 var(--ds-space-1) var(--ds-space-2) #00000038);position:absolute;inset-block-start:0;inset-inline-end:var(--ds-space-8);translate:0 -70%}.landing-footer-cat img{width:100%;height:auto;display:block}.landing-footer-cat__art{-webkit-mask-image:-webkit-image-set(url(/assets/mascot-body-mask-small-CIFYRgfT.webp) 1x,url(/assets/mascot-body-mask-large-COv8XLiw.webp) 2x),-webkit-image-set(url(/assets/mascot-collar-mask-small-CvZgjmgr.webp) 1x,url(/assets/mascot-collar-mask-large-BRjIcNTw.webp) 2x);-webkit-mask-image:image-set("/assets/mascot-body-mask-small-CIFYRgfT.webp" 1x,"/assets/mascot-body-mask-large-COv8XLiw.webp" 2x),image-set("/assets/mascot-collar-mask-small-CvZgjmgr.webp" 1x,"/assets/mascot-collar-mask-large-BRjIcNTw.webp" 2x);mask-image:image-set("/assets/mascot-body-mask-small-CIFYRgfT.webp" 1x,"/assets/mascot-body-mask-large-COv8XLiw.webp" 2x),image-set("/assets/mascot-collar-mask-small-CvZgjmgr.webp" 1x,"/assets/mascot-collar-mask-large-BRjIcNTw.webp" 2x);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-over;mask-composite:add}.landing-footer-meta{justify-content:center;align-items:center;gap:var(--ds-space-3);text-align:center;flex-wrap:wrap;display:flex}.landing-chapters{z-index:var(--ds-layer-chrome);inset:auto auto max(var(--ds-space-4), env(safe-area-inset-bottom)) 50%;width:max-content;max-width:calc(100% - var(--ds-space-6));justify-content:center;align-items:center;gap:var(--ds-space-4);padding:var(--ds-space-2) var(--ds-space-4);color:var(--ds-ink);background:color-mix(in srgb, var(--ds-paper) 95%, transparent);border:var(--ds-border-width-boundary) var(--ds-border-style-structural) color-mix(in srgb, var(--ds-line) 35%, transparent);border-radius:var(--ds-radius-round);box-shadow:var(--ds-shadow-float);-webkit-backdrop-filter:blur(var(--ds-space-2));backdrop-filter:blur(var(--ds-space-2));flex-wrap:wrap;display:flex;position:fixed;translate:-50%}.landing-chapters>a{min-height:2.75rem;padding-inline:var(--ds-space-3);color:var(--ds-ink-muted);font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.landing-chapters>a[aria-current]{color:var(--ds-ink);text-decoration:underline;text-decoration-thickness:var(--ds-border-width-emphasis);text-underline-offset:var(--ds-space-2)}.landing-chapter-mark{flex-shrink:0;width:2.5rem}.landing-next-scene{width:2.75rem}.landing-experience[data-compact-controls=true] .landing-hud-controls{display:contents}.landing-experience[data-compact-controls=true] .landing-hud{position:relative}.landing-experience[data-compact-controls=true] .landing-chapter{--landing-header-height:0px;padding-block-start:var(--ds-space-6)}.landing-experience[data-compact-controls=true] .landing-chapters{width:calc(100% - var(--ds-space-6));padding:var(--ds-space-1);border-radius:var(--ds-radius-control);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.landing-experience[data-compact-controls=true] .landing-chapters>a{font-size:var(--text-caption);line-height:var(--text-caption--line-height);padding-inline:0}.landing-experience[data-compact-controls=true] :is(.landing-chapter-mark,.landing-next-scene){display:none}@media (prefers-reduced-motion:no-preference){html:has([data-landing-experience]){scroll-behavior:smooth}.landing-mode-layer[data-active=true],.landing-mode-copy[data-active=true]{animation:landing-mode-arrive var(--ds-motion-duration-enter) var(--ds-motion-ease-out)}@keyframes landing-mode-arrive{0%{opacity:0;translate:0 var(--ds-space-3)}to{opacity:1;translate:0}}}@media (width<=63.99rem){.landing-mode-composition{gap:var(--ds-space-4);grid-template-columns:minmax(0,1fr)}.landing-mode-artwork{width:min(100%,32rem);min-height:0;padding:var(--ds-space-4);margin-inline:auto}.landing-mode-description{text-align:center}.landing-mode-copy>h3{font-size:var(--text-title);line-height:var(--text-title--line-height)}.landing-mode-copy>p{margin-inline:auto}}@media (width<=47.99rem){.landing-hud{padding-inline:var(--ds-space-4)}.landing-sign-in{display:none}.landing-chapter{padding-inline:var(--ds-space-5)}.landing-play-board{width:min(43svh,78vw);margin-block:var(--ds-space-6)}.landing-play-title h1{font-size:clamp(var(--text-display), 18vw, calc(var(--text-display) * 1.75))}.landing-mode-stage{gap:var(--ds-space-4)}.landing-mode-artwork{width:min(100%,28rem);padding:var(--ds-space-3)}.landing-mode-table{width:74%;margin-block:var(--ds-space-4)}.landing-mode-table[data-seats="4"]{max-width:24rem}.landing-pieces-stage{gap:var(--ds-space-3);grid-template-rows:repeat(4,auto);grid-template-columns:minmax(0,1fr);grid-template-areas:"heading""display""controls""packs"}.landing-chapter--pieces{padding-block-start:max(var(--ds-space-8), calc(var(--landing-header-height,0px) + var(--ds-space-3)))}.landing-piece-heading{text-align:center}.landing-piece-heading>p{margin-block-start:var(--ds-space-2);margin-inline:auto}.landing-piece-display{gap:0;width:100%;max-width:32rem;margin-inline:auto}.landing-piece-large{width:min(56vw,14rem)}.landing-piece-controls{text-align:center;justify-items:center;gap:var(--ds-space-2)}.landing-cosmetic-options{margin-block-start:var(--ds-space-2)}.landing-pack-discovery{gap:var(--ds-space-4);margin-block-start:var(--ds-space-1)}.landing-pack-fan{width:min(100%,22rem)}.landing-news-stage{gap:var(--ds-space-5)}.landing-colophon{padding-block-start:var(--ds-space-8);padding-inline:var(--ds-space-5)}.landing-footer-cat{inset-inline-end:var(--ds-space-5)}.landing-announcement h3{font-size:var(--text-title);line-height:var(--text-title--line-height)}.landing-chapters{gap:var(--ds-space-1);padding-inline:var(--ds-space-3)}.landing-chapters>a{padding-inline:var(--ds-space-2)}.landing-chapter-mark{width:2rem}.landing-chapters>.landing-next-scene{display:none}}@media (width<=39.99rem){.landing-route{padding-right:var(--ds-space-5)}.landing-ranked-shield{max-width:min(51vw,12.25rem)}.landing-mode-table[data-seats="4"]{max-width:18rem}}@media (width<=23rem){.landing-chapter-mark{display:none}.landing-mode-stage>h2{font-size:var(--text-title);line-height:var(--text-title--line-height)}}@media (width<=47.99rem) and (height<=48rem){.landing-chapter--play{padding-block-start:max(var(--ds-space-8), calc(var(--landing-header-height,0px) + var(--ds-space-3)))}.landing-play-stage{gap:var(--ds-space-3)}.landing-play-board{margin-block:var(--ds-space-3)}}@media (height<=54rem) and (width>=48rem){.landing-play-stage{gap:var(--ds-space-3)}}@media (height<=52rem) and (width>=48rem){.landing-mode-stage{gap:var(--ds-space-3)}.landing-mode-artwork{padding:var(--ds-space-2)}.landing-play-title h1{font-size:calc(var(--text-display) * 1.5)}.landing-play-board{width:44svh;margin-block:0}.landing-pieces-stage{gap:var(--ds-space-4) var(--ds-space-8)}.landing-pack-fan{width:24rem}}