/* The game world leads; the news desk provides a contrasting reading surface. */
:root{--base:#10191e;--surface:#1b2930;--burgundy:#781c35;--paper:#eee9df;--paper-ink:#282a2c;--paper-muted:#555b5d}
header{background:linear-gradient(110deg,#3b0b1a,#791c37 60%,#490e22);border-bottom-color:#c7a56a}
.header{min-height:88px}
.brand{font-size:27px;letter-spacing:0}
.brand small{font-size:11px;font-weight:400}
nav a{font-size:15px}
.hero{min-height:708px}
.hero-grid{min-height:645px;padding-top:50px;padding-bottom:64px}
.hero:before{background:linear-gradient(90deg,#07151ded 0%,#07151dab 34%,#07151d08 72%),linear-gradient(0deg,#10191ef2,transparent 28%)}
.hero-label{font-size:13px;margin-bottom:28px}
.hero h1{font-size:126px;line-height:.82;letter-spacing:-3px;max-width:610px;margin-bottom:30px}
.hero h1>span+span{margin-top:8px}
.hero h1 em{font-size:166px;letter-spacing:-8px;color:#c95067;text-shadow:1px 1px 0 #efbd74;vertical-align:-9px}
.hero-tagline{font-size:34px}
.hero-description{font-size:16px;line-height:1.65;max-width:420px}
.hero .actions{gap:12px;margin-top:24px}
.button{font-size:15px;min-height:50px;padding:12px 22px}
.hero-support{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.hero-community{font-size:14px;padding:10px 0}
.trailer-link{display:inline-flex;align-items:center;gap:10px;padding:10px 0;color:#f4eee1;text-decoration:none;font-size:14px}
.trailer-link svg{width:30px;height:30px;padding:8px;border:1px solid #c9b382;border-radius:50%;fill:currentColor}
.trailer-link:hover{color:var(--gold)}
.scene-caption{max-width:210px}
.scene-caption p{font-size:26px}
.scene-caption small{font-size:12px}
.hero-status .wrap{font-size:13px;min-height:62px}
.quick-section{background:#17252b}
.quick-grid>a{padding-block:26px}
.quick-grid strong{font-size:15px;font-weight:600}
.quick-grid small{font-size:12px}
.section{padding:72px 0}
.section-head h2,.guide-section h2,.faq-section h2,.video-section h2{font-family:var(--sans);font-weight:600;font-size:clamp(30px,3vw,42px);line-height:1.2;letter-spacing:-.035em}
.section-kicker{font-size:13px}
.section-head{margin-bottom:30px}
.news-section{background:var(--paper);color:var(--paper-ink);border-top:1px solid #d5c8b0}
.news-section .section-kicker{color:#87344b}
.news-section .section-head>a{color:#702239;border-color:#ae8f74;font-size:14px}
.news-section .cards{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:repeat(2,1fr);gap:24px 36px}
.news-section .card{border:0;background:transparent;box-shadow:none}
.news-section .card:after{display:none}
.news-section .card:first-child{grid-row:1/3}
.news-section .card:first-child .card-art{height:286px}
.news-section .card:first-child .card-body{padding:23px 0 0}
.news-section .card:first-child .read{margin-top:2px}
.news-section .card:first-child h3{font-size:29px;line-height:1.3}
.news-section .card:not(:first-child){display:grid;grid-template-columns:156px minmax(0,1fr);gap:22px;padding-bottom:22px;border-bottom:1px solid #cfc6b6}
.news-section .card:not(:first-child) .card-art{height:100%;min-height:190px}
.news-section .card:not(:first-child) .card-body{padding:0}
.news-section .card-art:after{background:linear-gradient(0deg,#13242c26,transparent)}
.news-section .card h3{font-family:var(--sans);font-weight:600;font-size:21px;line-height:1.35;letter-spacing:-.025em;margin-bottom:12px}
.news-section .card h3 a{color:var(--paper-ink)}
.news-section .card h3 a:hover{color:#812740}
.news-section .card p{color:var(--paper-muted);font-size:14px;line-height:1.6;margin-bottom:14px}
.news-section .meta{font-size:12px;color:#774158;margin-bottom:12px}
.news-section .card .read,.news-section .card-source a{color:#77253e;font-size:13px}
.news-section .card-source{margin-top:5px}
.card-art img{transition:none}
.card:hover .card-art img{transform:none}
.card h3{font-family:var(--sans);font-weight:600;font-size:23px;line-height:1.35;letter-spacing:-.02em}
.card p{font-size:15px;line-height:1.65}
.card .meta{font-size:12px}
.card .read{font-size:14px;min-height:44px}
.video-section{background:#111d24}
.video-info h3{font-family:var(--sans);font-weight:600;font-size:25px;line-height:1.35;letter-spacing:-.02em}
.video-info p{font-size:15px}
.video-card{border-color:#46565d}
.video-stage{position:relative}
.digest-banner{background:#1c2d34;padding:32px 0;border-color:#42545b}
.digest-banner h2{font-family:var(--sans);font-size:27px;font-weight:600;line-height:1.35;letter-spacing:-.02em}
.digest-banner p{color:var(--muted);font-size:15px}
.world-content{gap:90px;padding-block:76px}
.world-title h2{font-size:66px;line-height:1.04}
.world-copy p{font-size:16px}
.world-copy p:first-child{font-size:21px}
.guide-links a{padding:23px 0}
.guide-category{font-size:13px}
.guide-links strong{font:600 23px/1.4 var(--sans);letter-spacing:-.02em}
.section-desc{font-size:16px;line-height:1.7}
.text-link{font-size:14px;display:inline-block;padding-block:8px}
.community-grid{padding-block:55px}
.community-grid h2{font-size:54px}
.community-grid p{font-size:16px}
.community-action small{font-size:12px;max-width:230px}
.faq-section summary{font:500 20px/1.5 var(--sans)}
.faq-section details p{font-size:16px}
.page-intro h1{font-size:clamp(38px,4.5vw,64px);line-height:1.15}
.prose h2{line-height:1.2}
.footer{background:#0b1319}
@media(max-width:1100px){
 .hero h1{font-size:110px}.hero h1 em{font-size:145px}.hero-grid{grid-template-columns:1.3fr 1fr}
 .news-section .cards{gap:24px}.news-section .card:not(:first-child){grid-template-columns:120px minmax(0,1fr);gap:16px}.news-section .card:first-child h3{font-size:26px}.news-section .card:not(:first-child) h3{font-size:19px}
}
@media(max-width:800px){
 .header{min-height:72px}.hero{min-height:700px}.hero-grid{min-height:620px;grid-template-columns:1fr;padding-top:40px;padding-bottom:90px;align-items:center}.hero h1{font-size:112px}.hero h1 em{font-size:146px}.hero-copy{max-width:550px}.hero:before{background:linear-gradient(90deg,#07151dda,#07151d60),linear-gradient(0deg,#10191eee,transparent 60%)}
 .scene-caption{display:none}.hero-status .wrap{font-size:12px;gap:14px}
 .news-section .cards{grid-template-columns:1fr;grid-template-rows:auto;gap:28px}.news-section .card:first-child{grid-row:auto}.news-section .card:first-child .card-art{height:auto;aspect-ratio:16/9}.news-section .card:not(:first-child){grid-template-columns:190px minmax(0,1fr);gap:24px}.news-section .card:not(:first-child) .card-art{min-height:170px}.news-section .card:not(:first-child) h3{font-size:22px}
 .world-title h2{font-size:54px}.world-content{gap:36px;padding-block:60px}.community-grid h2{font-size:46px}
}
@media(max-width:600px){
 .section{padding:48px 0}.hero{min-height:696px}.hero-grid{min-height:616px;padding-top:32px;padding-bottom:80px;align-items:start}.hero h1{font-size:94px;letter-spacing:-2px;margin-bottom:24px}.hero h1 em{font-size:126px;letter-spacing:-6px;vertical-align:-7px}.hero-label{font-size:12px;margin-bottom:24px}.hero-tagline{font-size:29px;margin-bottom:18px}.hero-description{font-size:15px;max-width:330px}.hero .actions{display:grid;grid-template-columns:1fr;gap:10px;max-width:330px;margin-block:22px 8px}.hero .button{min-height:48px;font-size:14px}.hero-support{gap:7px 24px}.hero-community,.trailer-link{font-size:13px}.hero-status .wrap{gap:5px 12px;padding-block:12px;flex-wrap:wrap}.hero-status a{margin-left:0;flex-basis:100%;font-size:12px}
 .quick-grid strong{font-size:14px}.quick-grid small{font-size:12px}.quick-grid>a{padding-block:20px}
 .section-head{align-items:start;gap:20px}.section-head h2{font-size:30px}.section-head>a{font-size:13px;flex-shrink:0;padding-top:5px}.section-kicker{font-size:12px}
 .news-section .card:first-child h3{font-size:24px}.news-section .card:not(:first-child){grid-template-columns:104px minmax(0,1fr);gap:16px;padding-bottom:24px}.news-section .card:not(:first-child) .card-art{min-height:156px}.news-section .card:not(:first-child) h3{font-size:18px}.news-section .card:not(:first-child) p:not(.card-source){display:none}.news-section .card .meta{font-size:11px}.news-section .card .read{min-height:36px;font-size:13px}.news-section .card-source a{font-size:12px}
 .video-info h3{font-size:23px}.video-info{padding:22px}.video-section h2{font-size:30px}.video-stage:has(img):after{font-size:34px}.digest-banner h2{font-size:23px}
 .world-content{padding-block:54px}.world-title h2{font-size:49px}.world-copy{padding-top:0}.world-copy p{font-size:16px}.world-copy p:first-child{font-size:20px}
 .guide-links strong{font-size:20px}.guide-links a{padding-block:20px}.community-grid h2{font-size:44px}.community-grid p{font-size:15px}.community-action small{max-width:none}.faq-section summary{font-size:18px}.page-intro h1{font-size:39px}
}
@media(max-width:360px){.hero h1{font-size:82px}.hero h1 em{font-size:110px}.hero-support{gap:3px 14px}.hero-tagline{font-size:26px}.section-head{flex-wrap:wrap;gap:12px}.news-section .card:not(:first-child){grid-template-columns:86px minmax(0,1fr);gap:14px}.news-section .card:not(:first-child) h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* R06: keep intrinsic cover ratio at responsive widths. */
.article-cover img{height:auto}