:root{--bg:#15101d;--bg2:#1d1625;--ink:#f6f0ef;--muted:#bdb1c2;--muted2:#93859c;--accent:#f4ae79;--accent2:#d09f94;--border:#392e44;--card:#211b2a;--radius:20px;--max:1190px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}::selection{background:var(--accent);color:var(--bg)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:-10000px;top:12px;z-index:20;background:var(--accent);color:var(--bg);padding:10px}.skip:focus{left:12px}
.wrap{width:min(var(--max),calc(100% - 72px));margin:0 auto}
.header{position:relative;z-index:10;border-bottom:1px solid var(--border);background:#15101dec;backdrop-filter:blur(16px)}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;gap:13px;align-items:center}.brand-icon{width:42px;height:42px;flex:none;display:block;border-radius:11px;background:#211828 url("favicon.svg") center / cover no-repeat}.brand-word{display:flex;flex-direction:column;line-height:1.03;font-weight:860;letter-spacing:.09em;font-size:14px}.brand-word span:last-child{font-size:9px;color:var(--muted);letter-spacing:.29em;margin-top:6px}.navlinks{display:flex;align-items:center;gap:32px}.navlinks a{font-size:13px;color:#d3c7d6;font-weight:600;transition:color .2s}.navlinks a:hover,.navlinks a[aria-current]{color:var(--accent)}.navlinks a.cta-small{color:#15101d;background:var(--accent);padding:12px 17px;border-radius:8px}.nav-toggle{display:none;border:1px solid var(--border);background:transparent;color:white;width:42px;height:42px;border-radius:9px;cursor:pointer}
.kicker{display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:11px}.kicker:before{content:"";width:24px;height:1px;background:currentColor}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.eyebrow{color:var(--muted2);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:750}
.hero{position:relative;overflow:hidden;padding:88px 0 44px}.hero:before{content:"";pointer-events:none;position:absolute;right:-20vw;top:-250px;width:750px;height:750px;border:1px solid #4a354b;border-radius:50%;box-shadow:0 0 0 90px #f4ae7908,0 0 0 180px #f4ae7906}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:48px;align-items:center;position:relative}.hero h1{font-weight:840;font-size:clamp(58px,6.7vw,100px);letter-spacing:-.07em;line-height:.96;margin:23px 0 28px;max-width:700px}.hero h1 em{font-style:normal;color:var(--accent)}.lead{font-size:18px;line-height:1.7;max-width:520px;color:#c8bac8;margin:0 0 32px}.action-row{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:12px;justify-content:center;padding:15px 20px;font-size:13px;font-weight:780;border-radius:9px;border:1px solid #655267;min-height:48px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#251821;border-color:var(--accent)}.btn-secondary{background:#261e2d;color:var(--ink)}.arrow{font-size:17px}.hero-art{position:relative;min-width:0}.hero-art .frame{position:relative;border:1px solid #614c60;padding:10px;background:#2b2132;transform:rotate(1deg);box-shadow:20px 20px 0 #0c0e0f,0 34px 80px #0008;border-radius:12px;overflow:hidden}.hero-art .frame img{width:100%;aspect-ratio:16/11;object-fit:cover;object-position:center;border-radius:5px;filter:saturate(.8)}.frame-label{position:absolute;bottom:23px;left:23px;color:#111;background:#f8dcbf;padding:7px 10px;font-size:10px;font-weight:900;letter-spacing:.08em;border-radius:5px}.float-stamp{position:absolute;top:-19px;right:-14px;background:var(--accent);color:#281823;transform:rotate(8deg);border-radius:50%;width:98px;height:98px;display:grid;place-items:center;text-align:center;font-weight:850;font-size:11px;line-height:1.35;letter-spacing:.04em;border:6px solid #1c1520}
.metrics{margin-top:70px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(3,1fr);padding:22px 0}.metric{display:flex;gap:12px;align-items:baseline;padding:0 25px;border-right:1px solid var(--border)}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric strong{font-size:23px;font-weight:820}.metric span{font-size:12px;color:var(--muted)}
.section{padding:102px 0}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:32px}.section h2,.pagehead h1{font-size:clamp(36px,4.5vw,62px);line-height:1.04;letter-spacing:-.055em;margin:17px 0 0;font-weight:800}.section-desc{max-width:440px;color:var(--muted);font-size:15px;margin:0}
.games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.game{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:17px;overflow:hidden;min-height:396px;transition:transform .2s,border-color .2s}.game:hover{transform:translateY(-4px);border-color:#cf8e75}.game .poster{min-height:248px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:24px;background:#292131}.game .poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,#1c1423dd 100%);pointer-events:none}.game .poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}.poster .plot{font-size:clamp(31px,3.1vw,49px);font-weight:850;letter-spacing:-.06em;line-height:1.01;position:relative;z-index:1;max-width:90%}.poster.purple{background:radial-gradient(circle at 80% 20%,#b49eda70,transparent 35%),linear-gradient(135deg,#2f3346,#10171a)}.poster.blue{background:radial-gradient(circle at 75% 25%,#80bfdc70,transparent 30%),linear-gradient(125deg,#163b4c,#111f25)}.poster.gold{background:radial-gradient(circle at 75% 30%,#ffd89178,transparent 34%),linear-gradient(125deg,#4c4530,#1c241f)}.poster:before{content:"";position:absolute;top:-140px;right:-60px;width:370px;height:370px;border:1px solid #ffffff40;border-radius:100%;box-shadow:0 0 0 39px #ffffff0b,0 0 0 80px #ffffff09}.game .info{display:flex;gap:12px;justify-content:space-between;align-items:start;padding:22px}.game h3{font-size:22px;margin:0 0 7px;letter-spacing:-.03em}.game p{font-size:13px;color:var(--muted);margin:0;max-width:350px;line-height:1.6}.status{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--accent);white-space:nowrap;padding-top:6px;font-weight:800}.explore{color:var(--accent);font-size:20px}
.origin{background:#f1d1bd;color:#261824;padding:90px 0}.origin .origin-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.origin h2{font-size:clamp(43px,5vw,70px);line-height:1.02;letter-spacing:-.055em;margin:17px 0 20px}.origin p{line-height:1.8;font-size:17px;color:#5f4956;max-width:530px}.origin-mark{font-size:clamp(42px,5.8vw,88px);font-weight:900;line-height:.94;letter-spacing:-.075em;text-align:left;color:#2e1f2e;display:flex;flex-direction:column;gap:7px;max-width:600px}.origin-mark span:nth-child(2){color:#905b75}.origin-mark span:nth-child(3){font-size:.88em}.origin .kicker{color:#835468}
.footer{padding:52px 0 28px;border-top:1px solid var(--border)}.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:40px;padding-bottom:52px}.footer p{max-width:310px;color:var(--muted);font-size:13px;line-height:1.7}.footer h4{font-size:12px;color:var(--ink);text-transform:uppercase;letter-spacing:.13em;margin:4px 0 18px}.footer a{display:block;color:var(--muted);font-size:13px;margin-bottom:12px}.footer a:hover{color:var(--accent)}.footline{padding-top:22px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:18px;color:var(--muted2);font-size:12px}
.pagehead{padding:95px 0 62px;border-bottom:1px solid var(--border);background:radial-gradient(ellipse at 88% 8%,#76546b32,transparent 45%)}.pagehead h1{font-size:clamp(48px,7vw,94px);max-width:980px}.pagehead p{color:var(--muted);line-height:1.75;font-size:18px;max-width:740px}.back{font-size:12px;color:var(--accent);display:inline-block;margin-bottom:25px}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:start}.article{max-width:800px}.article h2{font-size:28px;letter-spacing:-.03em;margin:43px 0 14px}.article h2:first-child{margin-top:0}.article p,.article li{color:#c8bdcb;font-size:16px;line-height:1.8}.article li{margin-bottom:10px}.article a:not(.btn){text-decoration:underline;text-underline-offset:4px}.sidebar{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:28px}.sidebar h3{margin:0 0 14px;font-size:18px}.sidebar dl{margin:0}.sidebar dt{font-size:10px;letter-spacing:.13em;color:var(--muted2);text-transform:uppercase;margin-top:23px}.sidebar dd{margin:5px 0 0;font-size:14px}.banner{margin:44px 0 0;border-radius:18px;overflow:hidden;border:1px solid var(--border)}.banner img{width:100%;aspect-ratio:16/9;object-fit:cover}.banner figcaption{padding:11px 16px;background:#211b29;color:var(--muted);font-size:11px}.tagline{color:var(--accent);font-size:13px;letter-spacing:.13em;text-transform:uppercase;font-weight:800}.detail-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.detail-item{border:1px solid var(--border);background:#251d2c;padding:21px;border-radius:12px}.detail-item strong{font-size:15px}.detail-item p{font-size:13px;color:var(--muted);line-height:1.65}.notice{border-left:3px solid var(--accent);background:#30212e;padding:18px 23px;color:#efd5cf;font-size:14px;line-height:1.7;border-radius:0 10px 10px 0}.min-section{padding:66px 0}.pill{display:inline-block;border:1px solid #876477;border-radius:40px;padding:6px 12px;color:var(--accent);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.card-link{display:inline-flex;align-items:center;gap:9px;color:var(--accent);font-weight:750;font-size:13px;margin-top:20px}
@media(max-width:900px){.wrap{width:min(var(--max),calc(100% - 38px))}.nav{min-height:72px}.hero{padding-top:66px}.hero-grid{grid-template-columns:1fr}.hero-art{max-width:660px}.metrics{margin-top:48px}.section{padding:70px 0}.origin .origin-grid{gap:20px}.split{grid-template-columns:1fr}.sidebar{order:-1}.game .poster{min-height:220px}}
@media(max-width:620px){.nav-toggle{display:block}.navlinks{display:none;position:absolute;top:71px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#201826;border-bottom:1px solid var(--border);padding:15px 20px}.navlinks.open{display:flex}.navlinks a{padding:12px}.navlinks a.cta-small{text-align:center;margin-top:6px}.hero h1{font-size:59px}.hero{padding-top:51px}.lead{font-size:16px}.hero-art .frame{transform:none;box-shadow:none}.float-stamp{width:78px;height:78px;right:-8px;top:-20px;font-size:9px}.metrics{grid-template-columns:1fr;gap:0}.metric{border-right:0;border-bottom:1px solid var(--border);padding:15px 0!important}.metric:last-child{border:0}.section-head{display:block}.section-desc{margin-top:14px}.games{grid-template-columns:1fr}.game .poster{min-height:225px}.game .info{padding:19px}.origin .origin-grid{grid-template-columns:1fr}.origin-mark{font-size:clamp(52px,12vw,86px);gap:5px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1 / -1}.footline{flex-direction:column}.pagehead{padding:61px 0 40px}.pagehead h1{font-size:54px}.detail-list{grid-template-columns:1fr}.sidebar{padding:21px}.article h2{font-size:25px}.origin{padding:65px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* V3 studio identity: warm copper + aubergine, deliberately no lime/teal corporate theme. */
:root{--bg:#15101d;--bg2:#201827;--ink:#f6f0ef;--muted:#c0b4c5;--muted2:#a79aaa;--accent:#f4ae79;--accent2:#d7acd9;--border:#3d314a;--card:#241c2d}
.header{background:rgba(21,16,29,.96)}
.brand-icon{background-color:#211828}
.navlinks a.cta-small,.btn-primary{color:#2b1927}
.hero:before{border-color:#6b4760;box-shadow:0 0 0 90px #f4ae7905,0 0 0 180px #d7acd905}
.hero-art .frame{background:#2c2233;border-color:#564457}
.float-stamp{color:#231723;background:#f4ae79}
.game:hover{border-color:#d59578}
.origin{background:#f1d1bd;color:#2e1e2c}
.origin p{color:#5c4650}.origin .kicker{color:#814c60}.origin-mark{color:#3c2a3b}.origin-mark span:nth-child(2){color:#9e6671}
.notice{background:#30212e;color:#f3dad3}
@media(min-width:621px) and (max-width:900px){.games{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.games{grid-template-columns:1fr}}


/* V4 additions — editorial updates, real game media, accessible screenshot viewer */
.news-feature{background:radial-gradient(ellipse at 75% 30%,#3e2b45 0,transparent 70%)}
.news-spotlight{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:34px;background:#251c2f;border:1px solid var(--border);border-radius:20px;padding:16px;overflow:hidden}
.news-spotlight-media{display:block;position:relative;border-radius:12px;overflow:hidden;background:#17111f}
.news-spotlight-media img{width:100%;height:100%;min-height:340px;object-fit:cover;transition:transform .35s}
.news-spotlight-media:hover img{transform:scale(1.02)}
.news-spotlight-media span{position:absolute;bottom:12px;left:12px;background:#15101ddd;border:1px solid #f5e4d955;border-radius:6px;color:#f8d2b6;font-size:10px;padding:7px 9px;font-weight:750;letter-spacing:.06em}
.news-spotlight-copy{padding:16px 20px 16px 0}.news-spotlight-copy h3{font-size:clamp(27px,3.2vw,43px);letter-spacing:-.05em;line-height:1.09;margin:18px 0}
.news-spotlight-copy p{color:var(--muted);font-size:16px;line-height:1.75;max-width:450px}
.news-spotlight-copy .card-link{display:flex;margin-top:18px}
.media-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.media-heading h2{margin:8px 0 15px!important}
.game-media{margin:50px 0 25px}.game-media>p{color:var(--muted);line-height:1.7}
.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:24px 0 15px}
.shot{margin:0;background:#241c2d;border:1px solid #4c3d55;border-radius:13px;overflow:hidden}
.shot-open{border:0;padding:0;background:#120e16;cursor:zoom-in;display:block;position:relative;width:100%;color:var(--ink);text-align:left;overflow:hidden}
.shot-open img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .25s}
.shot-open:hover img{transform:scale(1.025)}
.shot-label{position:absolute;bottom:10px;right:10px;background:#1b1529e8;border:1px solid #bb9bad88;border-radius:7px;color:#f6e8db;padding:6px 9px;font-size:11px;font-weight:700}
.shot figcaption{padding:12px 14px;font-size:12px;color:var(--muted)}
.media-note{font-size:13px!important;color:#ac9fb2!important}
.lightbox{max-width:min(1150px,calc(100vw - 34px));max-height:94vh;width:max-content;border:1px solid #80677c;background:#19111f;border-radius:13px;color:var(--ink);padding:13px;box-shadow:0 30px 100px #000b}
.lightbox::backdrop{background:#0c0911dc;backdrop-filter:blur(6px)}
.lightbox img{display:block;max-height:75vh;max-width:100%;width:auto;height:auto;margin:auto;border-radius:7px}
.lightbox p{font-size:12px;color:var(--muted);text-align:center;margin:10px}
.lightbox form{position:absolute;right:18px;top:18px}.lightbox-close{border:0;background:#1c1423ed;color:white;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:16px}
.trailer-placeholder{display:flex;align-items:center;gap:18px;border:1px dashed #80677c;background:#211a2b;border-radius:12px;padding:22px;margin:32px 0}
.trailer-icon{display:grid;place-items:center;flex:none;width:50px;height:50px;border-radius:50%;background:#403045;color:#f4ae79;font-size:20px}
.trailer-placeholder strong{font-size:16px}.trailer-placeholder p{font-size:13px;color:var(--muted);margin:6px 0 0}
.update-list{max-width:1040px}.update-card{display:grid;grid-template-columns:1fr 1fr;background:#241c2d;border:1px solid var(--border);border-radius:18px;overflow:hidden}
.update-image{display:block;overflow:hidden}.update-image img{width:100%;height:100%;min-height:300px;object-fit:cover;transition:transform .35s}.update-image:hover img{transform:scale(1.03)}
.update-copy{padding:35px 38px;align-self:center}.update-copy h2{font-size:clamp(30px,4vw,45px);line-height:1.15;letter-spacing:-.05em;margin:20px 0}.update-copy p{color:var(--muted);line-height:1.75}
.news-end{margin-top:30px;color:var(--muted2);font-size:13px}
.news-article{max-width:930px}.news-article>p{max-width:760px}.news-intro{font-size:20px!important;color:#efe3e8!important}
.news-gallery{display:grid;gap:24px;margin:40px 0}.news-gallery .shot figcaption{padding:13px 16px}
.news-article .action-row{margin-top:30px}
.policy-links{display:grid;gap:10px;margin:18px 0 26px}.policy-links a{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;background:#261e2f;border:1px solid var(--border);border-radius:10px;text-decoration:none!important;font-weight:700}.policy-links a:hover{border-color:var(--accent)}.policy-links a span{font-size:12px;color:var(--accent)}
@media(max-width:900px){.news-spotlight,.update-card{grid-template-columns:1fr}.news-spotlight-media img{min-height:0;aspect-ratio:16/9}.news-spotlight-copy{padding:16px 20px 24px}.update-image img{min-height:0;aspect-ratio:16/9}.update-copy{padding:25px}}
@media(max-width:620px){.screenshot-grid{grid-template-columns:1fr}.news-spotlight{gap:8px;padding:10px}.news-spotlight-copy h3{font-size:30px}.news-spotlight-copy .kicker{font-size:9px}.update-copy h2{font-size:30px}.lightbox{padding:8px}.policy-links a{align-items:start;flex-direction:column;gap:5px}}

/* V5 — Ages of Belief visual storytelling. Preserves V4 design system. */
.copper{color:var(--accent)}
.aob-head{background:radial-gradient(ellipse at 86% 19%,#715b553e,transparent 48%),radial-gradient(ellipse at 15% 87%,#58415d30,transparent 45%)}
.aob-head h1{max-width:1120px}.aob-head .action-row{margin-top:27px}.aob-head .aob-disclaimer{font-size:12px;margin-top:23px;letter-spacing:.02em;color:var(--muted2)}
.aob-showcase{padding-bottom:70px}.aob-showcase .section-head h2{max-width:850px}
.aob-feature-pair{display:grid;grid-template-columns:1.13fr .87fr;gap:17px;margin:26px 0 12px}
.aob-feature-shot .shot-open{height:auto}.aob-feature-shot .shot-open img{height:100%;aspect-ratio:16/10;min-height:330px;object-fit:cover}
.aob-feature-shot figcaption{display:flex;flex-direction:column;gap:7px;padding:17px 19px!important}.aob-feature-shot figcaption strong{font-size:11px;letter-spacing:.12em;color:var(--accent)}.aob-feature-shot figcaption span{font-size:14px;color:var(--ink)}
.aob-journey{background:#1c1624;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.aob-journey .wrap>h2{max-width:810px;margin-bottom:32px}.aob-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.aob-step{border:1px solid #4a3b4e;background:#251c2c;border-radius:14px;padding:25px 22px 22px;min-height:265px}
.aob-step-index{display:block;font-weight:850;font-size:27px;color:#f0b48a;line-height:1}.aob-step-state{display:block;color:var(--muted2);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800;margin-top:14px}
.aob-step h3{margin:15px 0 8px;font-size:20px;letter-spacing:-.03em}.aob-step p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.aob-quote{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center;border-left:2px solid var(--accent);margin-top:30px;padding:8px 26px}.aob-quote span{font-size:10px;letter-spacing:.13em;font-weight:900;color:var(--accent)}.aob-quote p{font-size:clamp(20px,2.5vw,28px);line-height:1.3;font-weight:680;letter-spacing:-.025em;margin:0;max-width:900px}
.aob-gallery{background:radial-gradient(ellipse at 10% 30%,#3b2e443c,transparent 60%)}.aob-shot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;margin:28px 0 16px}.aob-shot-grid .shot figcaption{font-size:13px;padding:15px 17px}
.aob-about{padding-top:40px}.aob-about .sidebar{position:sticky;top:22px;order:0}
.update-list{display:grid;gap:22px}
@media(max-width:900px){.aob-feature-pair{grid-template-columns:1fr}.aob-feature-shot .shot-open img{min-height:0;aspect-ratio:16/9}.aob-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.aob-about .sidebar{position:static}}
@media(max-width:620px){.aob-head h1{font-size:clamp(38px,11vw,60px)}.aob-head .btn{width:100%}.aob-feature-pair,.aob-shot-grid,.aob-steps{grid-template-columns:1fr}.aob-step{min-height:0}.aob-quote{grid-template-columns:1fr;gap:8px;padding:8px 20px}.aob-showcase{padding-bottom:55px}.aob-feature-shot .shot-open img{aspect-ratio:16/9}.aob-about{padding-top:25px}}