:root{color-scheme:dark;--navy:#081522;--ink:#101e2d;--paper:#f5f1e7;--muted:#afbdca;--gold:#efc76b;--blue:#83c4ee;--line:#2b3b4b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--navy);color:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:inherit}button{font:inherit;cursor:pointer}header{max-width:1440px;margin:auto;padding:24px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;font-size:13px;line-height:1.25;letter-spacing:.09em}.brand b{font-size:17px;color:var(--gold);letter-spacing:.035em}.brand img{object-fit:contain}nav{display:flex;gap:30px;align-items:center;font-size:14px}nav a{text-decoration:none}.nav-cta{border:1px solid #6b7884;padding:9px 16px}.hero{max-width:1440px;margin:auto;position:relative;display:grid;grid-template-columns:1.08fr 1fr;padding:76px 5% 0;overflow:hidden}.hero-copy{position:relative;z-index:2;padding-bottom:62px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.19em;color:var(--gold);margin:0 0 24px}h1,h2,h3,p{margin-top:0}h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:400;font-size:clamp(64px,7.5vw,110px);letter-spacing:-.015em;line-height:1.02;margin-bottom:28px}em{font-style:normal;color:var(--gold)}.hero-description{max-width:490px;color:var(--muted);font-size:20px;line-height:1.65;margin-bottom:30px}.button{display:inline-flex;align-items:center;gap:32px;background:var(--gold);color:#101c28;padding:15px 23px;font-size:15px;font-weight:700;text-decoration:none;border:0}.button:hover{background:#ffe1a0}.promise{font-size:13px;max-width:340px;color:var(--muted);margin:19px 0 0}.promise strong{font-weight:400;color:var(--paper)}.hero-art{position:relative;min-height:530px;display:flex;align-items:center;justify-content:center}.halo{position:absolute;width:600px;height:600px;background:radial-gradient(ellipse,#28517166,transparent 65%);top:-60px;left:-30px}.card{position:absolute;width:54%;height:auto;filter:drop-shadow(0 24px 30px #0007)}.card-back{transform:rotate(12deg) translate(25%,-2%);right:12%;top:40px}.card-front{transform:rotate(-9deg);left:10%;top:0}.art-note{position:absolute;bottom:48px;right:20px;color:var(--muted);font-size:11px;letter-spacing:.15em}.hero-bottom{grid-column:1/-1;display:flex;gap:36px;padding:22px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px;letter-spacing:.06em}.hero-bottom span:before{content:'•';color:var(--gold);margin-right:12px}.section{padding:95px max(5%,calc((100vw - 1296px)/2));}.section-intro{max-width:760px;margin-bottom:54px}h2{font-size:clamp(34px,4vw,54px);line-height:1.13;letter-spacing:-.035em;font-weight:700;margin-bottom:24px}h3{font-size:24px;line-height:1.25;margin-bottom:17px}.section-intro>p:last-child{max-width:660px;color:var(--muted);font-size:19px}.game{border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.steps article{border-top:2px solid var(--gold);padding-top:24px}.step{font-size:12px;letter-spacing:.12em;color:var(--blue);display:block;margin-bottom:23px}.steps p{color:var(--muted);margin-bottom:0}.collection{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:var(--paper);color:var(--ink);align-items:center}.card-stage{display:flex;justify-content:center;align-items:center;min-height:580px;background:radial-gradient(ellipse,#d7ccb5,transparent 68%)}.card-stage img{max-width:340px;width:85%;height:auto;transform:rotate(-5deg);filter:drop-shadow(12px 18px 16px #16253236)}.collection .eyebrow{color:#795d22}.collection em{color:#816125}.collection-copy>p:not(.eyebrow){max-width:470px;color:#46535d}.card-options{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 18px}.card-options button{border:1px solid #7c858b;background:transparent;color:var(--ink);padding:10px 15px;font-size:14px}.card-options button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.small{font-size:13px;color:var(--muted)}.screens{display:grid;grid-template-columns:1.1fr 1fr;gap:32px}.screens figure{margin:0}.screen-button{width:100%;background:#132536;border:1px solid #3a4c5c;color:white;padding:0;display:block;text-align:left;overflow:hidden}.screen-button img{width:100%;height:350px;object-fit:cover;object-position:top;display:block;transition:filter .2s}.screen-button:hover img{filter:brightness(1.1)}.screen-button span{display:block;padding:16px 20px;font-size:14px}.screens figcaption{color:var(--muted);font-size:13px;padding-top:12px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:8%;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}details:first-child{padding-top:0}summary{font-size:18px;font-weight:700;cursor:pointer}details p{color:var(--muted);margin:16px 0 0;max-width:620px}.press{text-align:center;background:#132638;border-top:1px solid var(--line)}.press>p:not(.eyebrow){max-width:550px;margin:0 auto 28px;color:var(--muted)}.press .small{margin-top:18px!important}footer{padding:30px 5%;display:flex;gap:24px;justify-content:space-between;font-size:12px;color:var(--muted);letter-spacing:.07em}footer a{white-space:nowrap}.skip{position:absolute;left:16px;top:-90px;background:var(--gold);color:black;padding:12px;z-index:20}.skip:focus{top:10px}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}dialog{background:var(--navy);border:1px solid var(--line);color:var(--paper);width:min(1100px,95vw);max-height:92vh;padding:22px}dialog::backdrop{background:#000b}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-head h2{font-size:20px;letter-spacing:0;margin:0}.dialog-head button{padding:8px 14px;background:var(--gold);border:0;color:var(--navy)}dialog img{display:block;width:100%;height:auto;margin-top:20px}@media(min-width:1600px){.hero{padding-top:95px}.hero-art{min-height:575px}}@media(max-width:900px){header{padding:18px 5%}nav{gap:18px}nav>a:not(.nav-cta){display:none}.hero{padding-top:50px;grid-template-columns:1fr 1fr}.hero-art{min-height:430px}.card{width:70%}.card-front{left:0;top:35px}.card-back{right:8%;top:80px}.hero-description{font-size:18px}.art-note{bottom:65px}.hero-copy{padding-bottom:40px}.section{padding-top:70px;padding-bottom:70px}.steps{gap:25px}.collection{gap:4%}.card-stage{min-height:430px}.screen-button img{height:260px}.faq{grid-template-columns:1fr;gap:30px}}@media(max-width:600px){.brand{font-size:10px}.brand b{font-size:13px}.brand img{width:40px;height:40px}.nav-cta{font-size:12px;padding:7px 10px}.hero{grid-template-columns:1fr;padding-top:42px}h1{font-size:68px}.hero-copy{padding-bottom:0}.hero-description{max-width:100%}.hero-art{min-height:470px;margin-top:40px}.card{width:54%;max-width:255px}.card-front{left:15%;top:0}.card-back{right:19%;top:35px}.art-note{bottom:20px;right:10%}.hero-bottom{gap:12px;flex-wrap:wrap;font-size:11px}.section{padding-top:58px;padding-bottom:58px}.steps{grid-template-columns:1fr;gap:30px}.step{margin-bottom:12px}.collection{grid-template-columns:1fr}.card-stage{min-height:460px}.card-stage img{max-width:270px}.collection-copy{padding-top:25px}.screens{grid-template-columns:1fr}.screen-button img{height:280px}.section-intro{margin-bottom:35px}.faq{gap:25px}footer{flex-direction:column;gap:12px}.dialog-head h2{font-size:16px}.dialog-head button{font-size:13px;white-space:nowrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button-secondary{background:transparent;color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.button-secondary:hover{background:#efc76b18}.newsletter-note{max-width:490px;margin:16px 0 0;color:var(--muted);font-size:14px}footer{flex-wrap:wrap}

.matchup-options{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}.matchup-options button{background:transparent;color:var(--paper);border:1px solid var(--line);padding:8px 12px;font-size:14px}.matchup-options button[aria-pressed=true]{background:var(--gold);color:var(--ink);border-color:var(--gold)}

.live-follow{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:center;margin:0 0 48px}.live-follow h3{font-size:clamp(28px,4vw,42px);line-height:1.1;margin:12px 0 20px}.live-follow figure{margin:0}.live-follow figcaption{color:var(--muted);font-size:13px;padding-top:12px}@media(max-width:700px){.live-follow{grid-template-columns:1fr}}

.page-intro{padding-bottom:0}.page-intro h1{font-size:clamp(40px,6vw,72px);line-height:1.05;margin:16px 0 24px}.page-intro p{max-width:65ch}

.studio-hero{padding-top:120px;padding-bottom:110px;position:relative;background:radial-gradient(ellipse at 85% 30%,rgba(239,199,107,.08),transparent 55%)}.studio-hero h1{font-size:clamp(58px,8vw,112px);line-height:.98;letter-spacing:-.045em;margin:24px 0 32px}.studio-lead{max-width:620px;font-size:clamp(19px,2.2vw,25px);margin-bottom:34px}.studio-game{display:grid;grid-template-columns:.65fr 1fr;gap:60px;align-items:center;border:1px solid var(--line);padding:48px;background:#102434;border-radius:12px}.studio-game-art{text-align:center}.studio-game-art img{width:220px;max-width:100%;height:auto;transform:rotate(-5deg);box-shadow:0 18px 40px #0008}.studio-game h2{font-size:clamp(28px,4vw,48px);line-height:1.05;margin:16px 0 24px}.studio-contact a{font-size:clamp(18px,3vw,28px)}@media(max-width:700px){.studio-hero{padding-top:80px;padding-bottom:70px}.studio-game{grid-template-columns:1fr;padding:28px;gap:36px}}

.steam-status{color:var(--gold);font-weight:700;margin:20px 0}

.studio-brand{position:relative;display:block;width:200px;height:98px;overflow:hidden;flex-shrink:0}.studio-brand img{position:absolute;width:480px;height:auto;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);mix-blend-mode:screen}.studio-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.studio-emblem{position:relative;width:100%;height:300px;overflow:hidden}.studio-emblem img{position:absolute;width:1000px;max-width:none;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);mix-blend-mode:screen}.studio-game-title img{display:block;width:100%;max-width:600px;height:auto}@media(max-width:900px){.studio-hero{grid-template-columns:1fr}.studio-emblem{max-width:480px;justify-self:center}}@media(max-width:600px){.studio-brand{width:150px;height:78px}.studio-brand img{width:360px}.studio-emblem{height:240px}.studio-emblem img{width:800px}}

/* Reversed studio artwork and original game wordmark. */
.studio-brand{width:224px;height:124px;background:#fff;border-radius:8px}.studio-brand img{width:260px;mix-blend-mode:normal}.studio-emblem{height:300px;background:#fff;border-radius:12px}.studio-emblem img{width:620px;mix-blend-mode:normal}.ffce-brand{width:280px;flex-shrink:0}.ffce-brand img{display:block;width:100%;height:auto}.ffce-hero-logo{display:block;width:min(100%,440px);height:auto;margin:0 0 28px}
@media(max-width:900px){.ffce-brand{width:240px}}@media(max-width:600px){.studio-brand{width:160px;height:90px}.studio-brand img{width:190px;height:auto}.studio-emblem{height:220px}.studio-emblem img{width:460px}.ffce-brand{width:200px}.ffce-brand img{width:100%;height:auto}.ffce-hero-logo{width:min(100%,360px)}}

.ffce-brand{width:390px}@media(max-width:1100px){.ffce-brand{width:320px}header:has(.ffce-brand) nav{gap:20px}}@media(max-width:900px){.ffce-brand{width:340px}}@media(max-width:600px){.ffce-brand{width:min(270px,65vw)}}

/* Prominent game logo above navigation. */
header:has(.ffce-brand){flex-direction:column;gap:18px;padding-top:26px;padding-bottom:22px}.ffce-brand{width:min(680px,86vw)}header:has(.ffce-brand) nav{justify-content:center;flex-wrap:wrap;gap:30px}@media(max-width:900px){.ffce-brand{width:min(600px,86vw)}}@media(max-width:600px){.ffce-brand{width:90vw}header:has(.ffce-brand){gap:14px;padding-top:18px;padding-bottom:18px}header:has(.ffce-brand) nav{gap:16px}}

/* Larger game masthead with generous breathing room. */
header:has(.ffce-brand){padding-top:64px;padding-bottom:40px;gap:48px}.ffce-brand{width:min(960px,90vw)}@media(max-width:900px){.ffce-brand{width:90vw}header:has(.ffce-brand){padding-top:48px;padding-bottom:32px;gap:38px}}@media(max-width:600px){.ffce-brand{width:90vw}header:has(.ffce-brand){padding-top:36px;padding-bottom:28px;gap:30px}}

/* Tighten the masthead, including empty space inside the logo asset. */
header:has(.ffce-brand){padding-top:28px;padding-bottom:24px;gap:24px}.ffce-brand{height:auto;aspect-ratio:6/1;overflow:hidden;display:flex;align-items:center;justify-content:center}.ffce-brand img{flex-shrink:0;width:100%;height:auto}@media(max-width:900px){header:has(.ffce-brand){padding-top:24px;padding-bottom:22px;gap:22px}}@media(max-width:600px){header:has(.ffce-brand){padding-top:20px;padding-bottom:18px;gap:18px}}

#latest-updates .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}#latest-updates article{min-width:0}#latest-updates h3{line-height:1.2}@media(max-width:800px){#latest-updates .steps{grid-template-columns:1fr}}
