@charset "UTF-8";
:root{color-scheme:dark;--bg:#090909;--ivory:#f5ead3;--muted:#aaa39a;--red:#e52d25;--line:#32302d;font-family:Arial,Helvetica,sans-serif;color:var(--ivory);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--ivory);outline-offset:7px}::selection{background:var(--red);color:white}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;left:1rem;top:-100px;background:var(--ivory);color:var(--bg);padding:1rem;z-index:10}.skip:focus{top:1rem}.header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-weight:800;font-size:1.25rem;letter-spacing:.05em}.wordmark-slash{color:var(--red);padding:0 .55rem}.wordmark-game{font-size:.75rem;letter-spacing:.16em;font-weight:500}.header nav{display:flex;align-items:center;gap:32px;font-size:.875rem}.header nav a{color:#ccc5b8}.header nav a:hover,.text-link:hover,.footer a:hover{color:white}.age{padding:6px 8px;border:1px solid #58534b;font-size:.75rem}.hero{position:relative;background:radial-gradient(ellipse at 50% 42%,#381412 0,rgba(35,13,12,.38) 33%,transparent 64%);text-align:center;overflow:hidden}.hero-inner{padding:54px 0 36px;position:relative}.eyebrow{font-size:.75rem;letter-spacing:.18em;font-weight:600;margin:0;line-height:1.7}.hero-kicker{color:var(--muted)}.hero-kicker span{display:inline-block;margin-left:12px;color:var(--ivory)}h1{margin:20px auto 15px;width:min(650px,85%);line-height:0}.hero-logo{display:block;width:100%;height:auto;mix-blend-mode:normal}.tagline{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.28;letter-spacing:-.03em;margin:18px 0}.tagline em{font-weight:normal;color:var(--ivory)}.hero-description{color:#b3aba1;line-height:1.75;font-size:1rem;margin:18px 0 26px}.actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.button{min-height:52px;display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:15px 23px;font-size:.875rem;font-weight:600;opacity:.4;transition:opacity .18s,background .18s,transform .18s}.button:hover,.button:focus-visible{opacity:1}.button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}.button-primary{background:var(--red);color:white;border:1px solid var(--red)}.button-primary:hover{background:#ff3b30;transform:translateY(-2px)}.button-quiet{border:1px solid #55443e}.button-quiet:hover{background:#211a17}.hero-footnote{display:flex;justify-content:center;gap:22px;color:#aaa198;font-size:.75rem;letter-spacing:.1em;margin-top:36px}.hero-footnote span+span{border-left:1px solid #52483e;padding-left:22px}.game{padding-block:70px 66px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;color:#c6bca9}.chapter{font-size:.75rem;letter-spacing:.08em;color:#91877b;margin:0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;margin:24px 0 48px}h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;font-size:clamp(2rem,4vw,3.45rem);line-height:1.12;margin:0}.intro p,.community-copy>p{margin:0;color:#b9b2a9;line-height:1.8;font-size:1rem}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.pillars article{border-top:1px solid var(--line);padding-top:22px}.number{color:var(--red);font-family:Georgia,serif;font-size:1.125rem}.pillars h3{font-family:Georgia,'Times New Roman',serif;font-size:1.5rem;letter-spacing:-.025em;font-weight:400;margin:18px 0 12px}.pillars p{color:var(--muted);line-height:1.75;font-size:1rem;margin:0}.development-note{color:#938b81;font-size:.8125rem;margin:32px 0 0}.community{background:#171210;border-top:1px solid #45332b;border-bottom:1px solid #45332b}.community-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:65px}.community .eyebrow{color:#ceaaa0;margin-bottom:20px}.community h2{font-size:clamp(2.8rem,5vw,4.7rem)}.community-copy{padding-top:32px}.community-links{display:flex;align-items:flex-start;flex-direction:column;gap:23px;margin-top:25px}.text-link{font-size:.875rem;text-decoration:underline;text-decoration-color:#726057;text-underline-offset:6px}.text-link span{display:inline-block;margin-left:12px}.community-copy .community-note{font-size:.8125rem;color:#a3958a;margin-top:27px}.footer{padding-block:32px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-title{font-size:.8125rem;font-weight:700;letter-spacing:.06em}.footer-title span{color:#ee6259}.footer-top a{font-size:.875rem;color:#b5aa9b}.footer-bottom{font-size:.75rem;color:#9e9385;margin-top:14px}.footer-bottom p{line-height:1.6;margin:0}.footer-bottom>span{letter-spacing:.06em}
@media(min-width:1600px){.hero-inner{padding-top:64px;padding-bottom:44px}h1{width:720px}.tagline{margin-top:22px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.header{height:78px}.header nav{gap:20px}.wordmark-game,.wordmark-slash{display:none}.hero-inner{padding-top:42px}h1{width:min(610px,100%);margin-top:28px}.intro,.community-inner{grid-template-columns:1fr;gap:24px}.intro{margin-bottom:34px}.pillars{gap:24px}.pillars h3{font-size:1.3rem}.game{padding-block:48px}.community-inner{padding-block:48px}.community-copy{padding:0}.community h2 br{display:none}.footer-bottom{align-items:flex-start}.footer-bottom>span{white-space:nowrap}}
@media(max-width:560px){.wrap{width:calc(100% - 40px)}.header{height:72px}.header nav{gap:18px;font-size:.875rem}.wordmark{font-size:1.0625rem}.hero-inner{padding-top:34px}.hero-kicker{font-size:.75rem;letter-spacing:.1em}.hero-kicker span{margin-left:5px}h1{width:100%;margin:25px auto}.tagline{font-size:1.8rem;line-height:1.3;margin-top:26px}.hero-description{max-width:290px;margin-inline:auto}.desktop-break{display:none}.actions{gap:10px}.button{padding-inline:18px;gap:13px}.actions .button{width:100%}.hero-footnote{font-size:.75rem;gap:14px;margin-top:28px}.hero-footnote span+span{padding-left:14px}.chapter{display:none}.intro{gap:18px}.pillars{grid-template-columns:1fr;gap:28px}.pillars article{display:grid;grid-template-columns:28px 1fr;column-gap:10px;padding-top:21px}.number{grid-row:1/3;padding-top:4px}.pillars h3{font-size:1.5rem;margin:0 0 12px}.pillars p{grid-column:2}.community h2{font-size:2.9rem}.community h2 br{display:block}.footer-top,.footer-bottom{align-items:flex-start;gap:18px}.footer-top{flex-wrap:wrap}.footer-bottom{flex-direction:column;margin-top:23px;gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.hero{isolation:isolate;text-align:left;background:#090909;min-height:750px;display:flex;align-items:center}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% top;z-index:-3}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(9,9,9,.98) 0%,rgba(9,9,9,.91) 28%,rgba(9,9,9,.6) 46%,rgba(9,9,9,.08) 72%),linear-gradient(0deg,#090909 0%,transparent 20%,transparent 90%,rgba(9,9,9,.3) 100%)}.hero-inner{padding-top:52px;padding-bottom:76px}.hero-inner>h1,.hero-inner>.tagline,.hero-inner>.hero-description,.hero-inner>.actions,.hero-inner>.hero-footnote{max-width:530px;margin-left:0;margin-right:0}.hero h1{width:46%;margin-block:28px 26px}.hero .tagline{font-size:clamp(1.7rem,2.5vw,2.2rem)}.hero .actions,.hero .hero-footnote{justify-content:flex-start}.hero-art-caption{position:absolute;right:32px;bottom:24px;margin:0;font-size:.75rem;letter-spacing:.12em;color:#ded4c4;padding:8px 10px;background:#090909b8}.illustrated-intro{align-items:center;grid-template-columns:.9fr 1.1fr;gap:64px;margin-top:30px}.intro-copy h2{margin-bottom:26px}.star-art{margin:0}.star-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid #49382c}.star-art figcaption{font-size:.75rem;letter-spacing:.12em;color:#a4998b;margin-top:12px;line-height:1.6}
@media(min-width:1600px){.hero{min-height:840px}.hero-art{object-position:center top}.hero h1{width:530px}}
@media(max-width:1000px) and (min-width:801px){.hero-art{object-position:62% top}.hero:before{background:linear-gradient(90deg,#090909 0%,rgba(9,9,9,.89) 36%,rgba(9,9,9,.25) 75%),linear-gradient(0deg,#090909,transparent 30%)}.hero h1{width:53%}.hero .tagline{max-width:440px}.illustrated-intro{gap:32px}}
@media(max-width:800px){.hero{min-height:0;display:block;text-align:center}.hero-art{position:relative;display:block;height:auto;aspect-ratio:16/10;object-position:center;object-fit:cover}.hero:before{display:none}.hero-inner{padding-top:12px;padding-bottom:38px;margin-top:-32px;background:linear-gradient(0deg,#090909 90%,transparent 100%)}.hero-inner>h1,.hero-inner>.tagline,.hero-inner>.hero-description,.hero-inner>.actions,.hero-inner>.hero-footnote{margin-inline:auto}.hero h1{width:min(530px,100%);margin-block:22px}.hero .tagline{font-size:1.8rem}.hero .actions,.hero .hero-footnote{justify-content:center}.hero-art-caption{position:static;display:block;text-align:center;width:max-content;max-width:100%;margin:0 auto 24px;padding:0;color:#a4998b;background:none}.illustrated-intro{grid-template-columns:1fr;gap:30px}.intro-copy h2{margin-bottom:18px}.star-art img{aspect-ratio:3/2}}


/* Keep navigation visible and anchor targets clear of the sticky header. */
html{scroll-padding-top:110px}
.header{position:sticky;top:0;z-index:30;background:rgba(9,9,9,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.skip{z-index:40}
@media(max-width:800px){html{scroll-padding-top:94px}}
@media(max-width:560px){html{scroll-padding-top:88px}}
.hero-logo{aspect-ratio:auto;object-fit:contain;mix-blend-mode:normal}

/* Localized navigation and a native, keyboard-accessible language dropdown. */
.language-picker{position:relative;color:var(--ivory);font-size:.875rem;flex-shrink:0}
.language-picker summary{list-style:none;display:flex;align-items:center;gap:9px;min-height:42px;padding:8px 11px;border:1px solid #51463d;cursor:pointer;background:#15120f;white-space:nowrap}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary:focus-visible{outline:2px solid var(--ivory);outline-offset:4px}
.language-picker summary>svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;margin-left:4px;transition:transform .15s}
.language-picker[open] summary>svg{transform:rotate(180deg)}
.language-picker img{display:block;width:24px;height:18px;object-fit:cover;border:1px solid #ffffff25;flex-shrink:0}
.language-options{position:absolute;right:0;top:calc(100% + 8px);min-width:224px;padding:6px;background:#151310;border:1px solid #584535;box-shadow:0 15px 40px #0009;max-height:min(440px,70vh);overflow-y:auto}
.header nav .language-options a{display:flex;align-items:center;gap:12px;padding:12px;color:var(--ivory);font-size:.875rem;min-height:44px}
.language-options a:hover,.language-options a:focus-visible{background:#38211c;outline-offset:-2px}
.language-options a[aria-current=true]{background:#2b2520;box-shadow:inset 2px 0 var(--red)}
.hero-kicker{max-width:530px}.hero-description{max-width:470px!important}.hero-art-caption{max-width:calc(100% - 40px);line-height:1.5}.hero-footnote{flex-wrap:wrap}
.intro-copy,.community-inner>div{min-width:0}h2,h3,.tagline{overflow-wrap:break-word}
:lang(zh-Hans),:lang(ja){line-break:strict}
html:lang(zh-Hans) h2,html:lang(ja) h2{letter-spacing:0;line-height:1.35}
html:lang(zh-Hans) .eyebrow,html:lang(ja) .eyebrow{letter-spacing:.08em}
@media(max-width:1000px){.header nav{gap:18px}.wordmark-game,.wordmark-slash{display:none}}
@media(max-width:700px){.header{height:auto;min-height:104px}.header-inner{min-height:104px;display:grid;grid-template-columns:1fr auto;gap:8px 14px;padding-block:10px}.header nav{display:contents}.wordmark{grid-column:1;grid-row:1}.language-picker{grid-column:2;grid-row:1}.header nav>a{font-size:.875rem;grid-row:2;white-space:nowrap}.header nav>a:first-child{grid-column:1}.header nav>a:nth-child(2){grid-column:2;justify-self:end}.header nav>.age{display:none}html{scroll-padding-top:124px}.language-picker summary{min-height:40px}.language-options{max-height:65vh}.hero-kicker{margin-inline:auto}.footer-bottom>span{white-space:normal}}

/* Four-image dissolve: 7-second holds, 3-second blends; JS supports next/pause. */
.hero-visuals{position:absolute;inset:0;z-index:-3;overflow:hidden;pointer-events:none}
.hero-visuals .hero-art{position:absolute;inset:0;z-index:auto;width:100%;height:100%;aspect-ratio:auto}
.hero-slide{opacity:0;object-position:65% top}
.hero-controls{position:absolute;right:24px;top:20px;z-index:2;display:flex;gap:8px}
.hero-control{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:7px;border:1px solid #ffffff45;border-radius:50%;background:#090909a8;color:var(--ivory);cursor:pointer}
.hero-controls[hidden],.hero-control[hidden]{display:none}
.hero-control:hover{background:#090909e8;border-color:var(--ivory)}
.hero-control:focus-visible{outline:2px solid var(--ivory);outline-offset:4px}
.hero-control svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.hero-motion-toggle .play-icon{display:none;fill:currentColor;stroke:none}
.hero-motion-toggle[data-paused=true] .pause-icon{display:none}
.hero-motion-toggle[data-paused=true] .play-icon{display:block}
@media(max-width:800px){.hero-visuals{position:relative;inset:auto;aspect-ratio:16/10;width:100%}.hero-visuals .hero-art{object-position:center}.hero-controls{top:14px;right:16px}}

/* Wide studio concept: retain the complete interface at every viewport size. */
.studio-preview{margin:0 0 48px}
.studio-preview img{display:block;width:100%;height:auto;border:1px solid #49382c}
.studio-preview figcaption{margin-top:12px;color:#a4998b;font-size:.75rem;letter-spacing:.08em;line-height:1.7;overflow-wrap:break-word}
@media(max-width:800px){.studio-preview{margin-bottom:34px}}
/* Legal navigation and consent follow DCXR's dark, high-contrast palette. */
.legal-links{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem;margin-top:1.5rem;font-size:.875rem;color:#d2cbc3}
.legal-links button{background:none;color:inherit;border:0;padding:0;font:inherit;text-decoration:underline;cursor:pointer}
.legal-links a:hover,.legal-links button:hover{color:#fff}
.consent[hidden],.consent [hidden]{display:none!important}
.consent{position:fixed;bottom:1rem;left:1rem;right:1rem;z-index:100;background:#151313;border:1px solid #726053;box-shadow:0 12px 48px #000b;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1.5rem;max-height:80dvh;overflow:auto}
.consent h2{font-family:inherit;font-size:1.125rem;font-weight:600;line-height:1.4;letter-spacing:0;margin:0 0 .4rem;color:#fff}
.consent p{font-size:.9375rem;line-height:1.6;color:#ddd5cd;margin:0;max-width:66rem}
.consent a{text-decoration:underline;text-underline-offset:3px}
.consent-actions{display:flex;flex-wrap:wrap;gap:.65rem;flex-shrink:0;max-width:30rem}
.consent button{font:inherit;font-size:.875rem;font-weight:600;border:1px solid #aa9280;border-radius:3px;background:#28211e;color:#fff;padding:.8rem 1rem;cursor:pointer;min-height:44px}
.consent button:hover{background:#49342b}
.consent button:focus-visible,.legal-links button:focus-visible{outline:2px solid #f8cba4;outline-offset:4px}
.legal-page{padding-top:calc(var(--header-height,80px) + 3rem);padding-bottom:5rem;max-width:850px;min-height:75vh}
.legal-page h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1.1;margin:1rem 0 2rem}
.legal-page h2{font-size:1.35rem;line-height:1.4;margin:2rem 0 .7rem}
.legal-page p,.legal-page address{font-size:1rem;font-style:normal;line-height:1.8;color:#d3ccc5;margin:.75rem 0}
.legal-page a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:850px){.consent{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.consent-actions{max-width:none}.consent-actions button{flex:1}.legal-page{padding-top:8rem}}