/* Studio and game pages share the original palette and responsive media frames. */
.game-page-hero{padding:36px 0 64px;background:radial-gradient(ellipse at 85% 25%,#4c432329,transparent 60%)}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:52px;font-size:11px;line-height:1.8;color:var(--muted)}
.breadcrumbs>a:hover{color:var(--gold)}
.breadcrumbs>span[aria-hidden]{color:#6e7668}
.breadcrumbs [aria-current]{color:var(--gold)}
.game-page-hero h1{font-family:var(--serif);font-size:clamp(76px,8vw,112px);font-weight:400;line-height:.92;letter-spacing:-3px;margin:0 0 30px}
.game-page-hero h1 em{font-weight:400;color:var(--gold)}
.game-page-hero .game-facts{margin-top:56px;margin-bottom:0}
.game-page-nav{border-block:1px solid var(--line);background:var(--surface)}
.game-page-nav>.wrap{display:flex;justify-content:center;flex-wrap:wrap;gap:40px;padding-block:21px;font-size:12px}
.game-page-nav a:hover{color:var(--gold)}
.demo-panel{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,1fr);gap:80px;align-items:center;border:1px solid #e5b97444;padding:64px;background:linear-gradient(120deg,#e5b9740a,transparent 75%)}
.demo-number{font-family:var(--serif);font-size:230px;line-height:.8;text-align:center;color:var(--gold)}
.demo-number>span{display:block;margin-top:30px;font-family:var(--sans);font-size:9px;line-height:1.6;letter-spacing:2.2px;color:var(--muted)}
.demo-panel .body-copy{max-width:630px}
.demo-tags{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 30px}
.demo-tags>span{font-size:10px;color:var(--muted);border:1px solid var(--line);padding:8px 11px}
.faq-section{background:var(--surface)}
.faq-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:90px;align-items:start}
.faq-intro .body-copy{max-width:300px;margin-bottom:30px}
.faq-list{border-top:1px solid var(--line);min-width:0}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 0;cursor:pointer;list-style:none;font-size:15px;line-height:1.6;font-weight:500}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::marker{content:''}
.faq-list summary>span{min-width:0}
.faq-list summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.faq-toggle{width:21px;height:21px;flex-shrink:0;fill:none;stroke:var(--gold);stroke-width:1.4;transition:transform .2s}
.faq-list details[open] .faq-toggle{transform:rotate(45deg)}
.faq-list details[open] summary{color:var(--gold)}
.faq-answer{padding:0 30px 26px 0;color:var(--muted);font-size:14px;line-height:1.9;overflow-wrap:anywhere}
.faq-answer p{margin-bottom:0}
.faq-answer a,.source-note a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.faq-answer .icon-arrow{width:12px;height:12px}
.source-note{font-size:11px;line-height:1.9;color:var(--muted);margin:25px 0 0}
.press-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:90px;align-items:start}
.press-layout>*{min-width:0}
.press-actions{display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin-top:30px}
.fact-sheet{margin:0;border-top:1px solid var(--line)}
.fact-sheet>div{padding:17px 0;border-bottom:1px solid var(--line)}
.fact-sheet dt{font-size:9px;text-transform:uppercase;letter-spacing:1.7px;color:var(--gold);margin-bottom:7px}
.fact-sheet dd{margin:0;font-size:14px;line-height:1.8;color:var(--ink);overflow-wrap:anywhere}
.fact-sheet a:hover{color:var(--gold)}
.game-closing{padding:70px 0;background:var(--surface);border-top:1px solid var(--line)}
.game-closing>.wrap{display:flex;align-items:center;justify-content:space-between;gap:45px}
.game-closing h2{margin-bottom:0;font-size:48px}
.game-closing .eyebrow{margin-bottom:16px}
.game-closing .game-actions{margin-top:0}
@media(max-width:1050px){.demo-panel{gap:45px;padding:45px}.demo-number{font-size:180px}.faq-layout,.press-layout{gap:50px}.game-closing>.wrap{align-items:flex-start}.game-closing .game-actions{max-width:250px}}
@media(max-width:900px){.faq-layout{grid-template-columns:minmax(0,1fr);gap:40px}.faq-intro .body-copy{max-width:560px}.press-layout{grid-template-columns:minmax(0,1fr);gap:45px}.demo-panel{grid-template-columns:minmax(0,.3fr) minmax(0,1fr);gap:35px}.demo-number{font-size:140px}.game-page-hero .game-intro{gap:35px}}
@media(max-width:720px){.game-page-hero{padding:25px 0 38px}.breadcrumbs{font-size:10px;gap:9px;margin-bottom:35px}.game-page-hero h1{font-size:76px}.game-page-hero .game-intro{gap:45px}.game-page-hero .game-facts{margin-top:35px}.game-page-nav>.wrap{justify-content:flex-start;gap:24px;font-size:11px;padding-block:19px}.demo-panel{grid-template-columns:minmax(0,1fr);padding:30px 24px;gap:35px}.demo-number{font-size:112px;text-align:left}.demo-number>span{display:inline-block;margin:0 0 0 18px;font-size:9px;max-width:90px;vertical-align:middle}.demo-panel h2{font-size:40px}.faq-list summary{padding:21px 0;font-size:14px;gap:18px}.faq-answer{padding:0 0 24px;font-size:13px}.faq-layout{gap:35px}.press-actions .button{padding-inline:19px;gap:20px}.fact-sheet dd{font-size:13px}.game-closing{padding:55px 0}.game-closing>.wrap{display:block}.game-closing h2{font-size:43px}.game-closing .game-actions{max-width:none;margin-top:30px}}
@media(prefers-reduced-motion:reduce){.faq-toggle{transition:none}}
