.marketing-home{background:transparent}.marketing-hero{position:relative;min-height:94svh;padding-block:calc(var(--topbar-h) + 3rem) 4rem;overflow:clip}.marketing-hero__art{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,rgba(10,8,7,.9) 6%,rgba(10,8,7,.58) 38%,transparent 62%),radial-gradient(ellipse 76% 96% at 10% 46%,rgba(12,10,9,.86),transparent 70%),linear-gradient(180deg,rgba(22,18,16,.52),rgba(22,18,16,.72) 58%,rgba(22,18,16,.94) 84%,var(--stage-top) 100%),url(/derived/meta/how-to-play-1920.webp) center / cover no-repeat;animation:landing-image-in 1.6s var(--ease) both}.marketing-hero .landing-hero__layout{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(2.5rem,6vw,5.5rem);width:min(1200px,calc(100% - 4rem))}.marketing-hero__copy{max-width:38.5rem}html[lang=ja] .marketing-hero__copy h1{font-size:clamp(1.65rem,3.75vw,3.375rem);letter-spacing:.06em;text-wrap:wrap}html[lang=ko] .marketing-hero__copy{word-break:keep-all}html[lang=en] .marketing-hero__copy h1,html[lang=es] .marketing-hero__copy h1,html[lang=pt-BR] .marketing-hero__copy h1{letter-spacing:.04em}.marketing-hero__copy .landing-hero__brand{max-width:none}.marketing-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.4rem;margin-top:1.7rem;animation:landing-copy-in .78s .36s var(--ease) both}.marketing-hero__play{order:1;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.55rem 1.65rem;white-space:nowrap}.marketing-hero__store{order:2;display:inline-flex;padding:12px;margin:-12px}.marketing-hero__facts{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:1.35rem 0 0;padding:0;list-style:none;color:var(--ink-72);font-size:var(--landing-type-small);letter-spacing:.08em;animation:landing-copy-in .78s .44s var(--ease) both}.marketing-hero__facts li+li:before{content:"·";margin:0 .65rem;color:var(--ink-30)}.marketing-main .landing-section{width:min(1160px,calc(100% - 3rem));padding-block:clamp(3.25rem,5.5vw,4.75rem)}.marketing-main .landing-steps__grid{align-items:stretch;margin-top:clamp(2rem,4vw,3rem)}.marketing-rules__plate{position:relative;z-index:1;display:grid;place-items:center}.marketing-rules__plate img{display:block;width:auto;max-width:none;height:clamp(15rem,22vw,20rem);filter:drop-shadow(0 18px 24px rgba(0,0,0,.44)) drop-shadow(0 4px 7px rgba(0,0,0,.3));-webkit-user-drag:none}.landing-codex__fan{height:clamp(18rem,30vw,24rem)}@media(min-width:1024px){.landing-codex__fan .hero-card--1{margin-left:-12rem}.landing-codex__fan .hero-card--2{margin-left:-4rem}.landing-codex__fan .hero-card--3{margin-left:4rem}.landing-codex__fan .hero-card--4{margin-left:12rem}}.marketing-main .landing-rules{grid-template-columns:minmax(0,34em) min-content;justify-content:center;gap:clamp(2rem,5vw,4.5rem)}.marketing-app{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:center;gap:clamp(2.5rem,6vw,5rem)}.marketing-main .landing-section.marketing-app{width:min(1000px,calc(100% - 3rem))}.marketing-app__visual{display:grid;place-items:center}.marketing-app__exhibit{transform:rotate(-2deg)}.marketing-app__exhibit img{width:clamp(216px,18vw,252px)}.marketing-app__copy{max-width:35rem}.marketing-app__copy .landing-section__head{justify-content:flex-start}.marketing-app__copy .landing-section__head:before{display:none}.marketing-app__copy .landing-section__head h2{text-align:left}.marketing-app__copy>p{margin:1.5rem 0 0;color:var(--landing-text-body);font-size:var(--landing-type-body);line-height:var(--landing-type-body-line);text-wrap:pretty}.marketing-app__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;max-width:30rem;margin:1.6rem 0 1.7rem;padding:0;list-style:none;border-block:1px solid var(--ink-08)}.marketing-app__facts li{padding:.8rem 0;color:var(--ink-72);font-size:var(--landing-type-small);letter-spacing:.06em;border-bottom:1px solid var(--ink-08)}.marketing-app__facts li:nth-last-child(-n+2){border-bottom:0}.marketing-app__facts li:nth-child(2n){padding-left:1.25rem;border-left:1px solid var(--ink-08)}.marketing-app__store-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.72rem 2rem}.marketing-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;padding:1.5rem 1rem 2rem;color:var(--ink-38);font-size:var(--landing-type-small);border-top:1px solid var(--ink-08)}.marketing-footer a:hover,.marketing-footer a:focus-visible{color:var(--ink-72)}@media(max-width:1023.98px){.marketing-app__exhibit{transform:none}}@media(max-width:767.98px){.marketing-hero{min-height:auto;padding-block:0}.marketing-hero__art{background:radial-gradient(ellipse 110% 50% at 14% 18%,rgba(12,10,9,.68),transparent 74%),linear-gradient(180deg,rgba(22,18,16,.52),rgba(22,18,16,.74) 58%,rgba(22,18,16,.94) 86%,var(--stage-top) 100%),url(/derived/meta/how-to-play-mobile-828.webp) center / cover no-repeat}.marketing-hero .landing-hero__layout{grid-template-columns:1fr;align-content:start;gap:2.25rem;width:100%;min-height:100svh;margin-top:0;padding:calc(var(--topbar-h) + 2rem) 1.25rem 4.5rem}.marketing-hero__copy{max-width:34rem}.marketing-hero__actions{align-items:flex-start;flex-direction:column;width:min(100%,20rem);gap:1rem}.marketing-hero__play{width:100%}.marketing-hero__exhibit{max-height:24rem;overflow:clip;-webkit-mask-image:linear-gradient(180deg,#000 68%,transparent 100%);mask-image:linear-gradient(180deg,#000 68%,transparent 100%)}.marketing-hero__exhibit .landing-exhibit--stage{align-self:start}.marketing-main .landing-section{width:calc(100% - 2rem)}.marketing-rules__plate img{width:auto;height:clamp(13rem,46vw,17rem)}.landing-codex__fan{height:clamp(12.5rem,52vw,16rem)}.marketing-app{grid-template-columns:1fr;gap:2.75rem}.marketing-main .landing-rules{grid-template-columns:1fr;justify-content:stretch}.marketing-app__visual{order:1}.marketing-app__copy{order:2;max-width:none;text-align:center}.marketing-app__copy .landing-section__head{justify-content:center}.marketing-app__copy .landing-section__head:before{display:block}.marketing-app__copy .landing-section__head h2{text-align:center}.marketing-app__facts{margin-inline:auto;text-align:left}.marketing-app__copy .marketing-app__store-cta{margin-inline:auto}.marketing-app__store-cta{width:min(100%,20rem)}.marketing-app__exhibit img{width:min(228px,calc(100vw - 132px))}}@media(max-width:390px){.marketing-hero .landing-hero__layout{padding-inline:1rem}.marketing-hero__facts{letter-spacing:.04em}}.marketing-wordle{text-align:center}.marketing-wordle__p{max-width:34em;margin:1.5rem auto 0;color:var(--landing-text-body);font-size:var(--landing-type-body);line-height:var(--landing-type-body-line);text-wrap:pretty}.marketing-wordle__more{margin:0}@media(prefers-reduced-motion:reduce){.marketing-hero__art,.marketing-hero__actions,.marketing-hero__facts{animation:none}.marketing-app__exhibit{transform:none}}