/* One editorial system across studio, game, guides and player services. */
.design-2026{--p-quiet:#58615e;--p-space:clamp(48px,6vw,88px)}
.design-2026 :is(a,button,summary){-webkit-tap-highlight-color:transparent}
.design-2026 :is(h1,h2,h3){text-wrap:balance}.design-2026 p{text-wrap:pretty}
.design-2026 .v-header{border-bottom:1px solid #d4d4cb55}
.design-2026 .v-nav{gap:24px}.design-2026 .v-nav a{position:relative;padding-block:8px}
.design-2026 .v-nav a::after{position:absolute;content:"";left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .18s}
.design-2026 .v-nav a:hover::after,.design-2026 .v-nav a[aria-current=page]::after{transform:scaleX(1)}
/* Studio: the illustrated cover and the studio statement lead the page. */
.p-studio-kicker{display:block;color:var(--v-red);letter-spacing:.11em;text-transform:uppercase;font-size:11px;font-weight:600;margin-bottom:24px}
.design-2026 .s-hero-copy h1{font-size:clamp(56px,6vw,90px);letter-spacing:-.055em;line-height:1.04}
.design-2026 .s-hero-copy>p{font-size:18px;line-height:1.8;color:var(--p-quiet);max-width:55ch;margin-top:26px}
.design-2026 .s-hero-grid{gap:clamp(36px,5vw,76px);padding:6px 0 40px}
.design-2026 .s-cover{box-shadow:0 10px 30px #263c4712;border:1px solid #263c4712}
.p-studio-facts{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px 40px;margin:0;border-top:1px solid var(--v-line);padding:23px 0}
.p-studio-facts>div{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline}.p-studio-facts dt{font-size:12px;color:var(--p-quiet)}.p-studio-facts dd{font-size:14px;font-weight:600;margin:0}.p-studio-facts dd a{text-underline-offset:4px}
.design-2026 .s-hero-foot{padding-block:16px}
.design-2026 .s-games .v-section-head{align-items:end;gap:28px}
.design-2026 .s-game-image{overflow:hidden}.s-game-image>img{transition:transform .4s ease}.s-game-image:hover>img{transform:scale(1.015)}
.design-2026 .s-game-caption{padding-top:26px;align-items:start}.design-2026 .s-game-caption>p{line-height:1.75}
.design-2026 .s-studio-copy>p{line-height:1.8}
.p-studio-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0;padding:24px 0;border-top:1px solid var(--v-line)}
.p-studio-notes dt{font-size:14px;font-weight:600;margin-bottom:10px}.p-studio-notes dd{font-size:14px;line-height:1.75;color:var(--p-quiet);margin:0}
.design-2026 .s-studio-grid{grid-template-columns:.8fr 1.5fr;gap:70px}
.design-2026 .s-listen{border-block:1px solid var(--v-line);padding-block:28px;gap:28px}
.design-2026 .s-launcher-panel{border:1px solid var(--v-line);box-shadow:none}
.design-2026 .s-social-links a{padding-block:15px}.design-2026 .s-social-links a .ui-social{margin-right:auto}
/* Rustlers: large art, quiet facts and readable chapters. */
.p-release-note{display:block;font-size:11px;letter-spacing:.035em;color:var(--v-sand);line-height:1.5;margin-bottom:17px}
.design-2026 .r-hero-copy>.v-eyebrow{font-size:9px;opacity:.75}
.design-2026 .r-hero-logo{width:min(290px,85%);margin-block:21px 24px}
.design-2026 .r-hero-copy h1{font-size:clamp(40px,4.2vw,66px);line-height:1.06}
.design-2026 .r-hero-copy h1 .seo-game-title{font-size:12px;text-transform:uppercase;font-weight:600;letter-spacing:.12em;margin:0 0 18px;color:#d7ddd2}
.design-2026 .r-hero-copy>p{font-size:18px;line-height:1.75;max-width:40ch}.design-2026 .r-hero-copy{padding-block:36px}
.p-game-overview{border-bottom:1px solid var(--v-line)}
.p-game-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:24px 0;margin:0;gap:24px}
.p-game-facts>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px}
.p-game-facts dt{font-size:12px;color:var(--v-muted)}
.p-game-facts dd{font-size:22px;line-height:1.3;letter-spacing:-.025em;font-weight:600;margin:0}
.p-game-facts dd>span{display:block;font-size:12px;letter-spacing:0;font-weight:400;margin-top:3px;color:var(--v-muted)}
.p-game-facts .p-platform-fact{font-size:20px}
.p-game-brief{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(40px,6vw,100px);padding-block:var(--p-space)}
.p-brief-heading>h2{font-size:clamp(38px,4vw,60px);margin:18px 0 24px}.p-brief-heading>h2>span{color:var(--v-wine)}
.p-brief-heading>p{font-size:18px;line-height:1.8;max-width:56ch;color:var(--p-quiet)}
.p-gameplay-preview{display:block;position:relative;width:100%;margin-top:28px;background:var(--v-blue);text-align:left;overflow:hidden;border:0}
.p-gameplay-preview>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .35s}.p-gameplay-preview:hover>img{transform:scale(1.015)}
.p-gameplay-preview>span{display:flex;align-items:center;gap:12px;padding:14px 18px;color:#f4f3ed;font-size:15px;font-weight:600}
.p-gameplay-preview small{font-size:11px;font-weight:400;margin-left:auto;color:#d7ddd2}
.p-play-disc{height:32px;width:32px;display:grid;place-items:center;border-radius:50%;background:var(--v-sand);color:var(--v-blue)}
.p-brief-features{align-self:center}.p-brief-features article{position:relative;padding:25px 0;border-top:1px solid var(--v-line)}
.p-feature-number{display:block;font-size:11px;letter-spacing:.08em;color:var(--v-wine);margin-bottom:12px}
.design-2026 .p-brief-features h3{font-size:30px;margin-bottom:14px}.p-brief-features p{font-size:16px;line-height:1.8;color:var(--p-quiet);margin-bottom:18px}.p-brief-features .v-text-link{font-size:14px;gap:15px}
.p-discover-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:22px 0;margin-block:0 12px;border-bottom:1px solid var(--v-line)}
.p-discover-links>a{font-size:16px;line-height:1.6}.p-discover-links>a>span{display:block;font-size:10px;letter-spacing:.1em;color:var(--v-wine);margin-bottom:8px}.p-discover-links>a:hover{text-decoration:underline;text-underline-offset:5px}
.design-2026 .r-discover-card{border:0}.design-2026 .r-map-preview-card{padding-bottom:20px;border-bottom:1px solid var(--v-line)}
.design-2026 .r-music{background:var(--v-wine)}
.design-2026 .seo-faq{padding-block:var(--p-space)}.design-2026 .seo-faq h2{font-size:clamp(34px,3.6vw,52px);margin-bottom:28px}
.seo-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;min-height:48px}.seo-faq summary::-webkit-details-marker{display:none}.seo-faq summary::after{content:"+";font-size:27px;color:var(--v-wine);font-weight:400}.seo-faq details[open] summary::after{content:"−"}.seo-faq details p{color:var(--p-quiet);max-width:80ch}
/* Full guides use the same artwork-and-caption treatment as the home pages. */
.catalog-section{scroll-margin-top:110px;margin-top:52px}.catalog-section>h2{padding-bottom:20px;border-bottom:1px solid var(--v-line)}
.catalog-roster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.catalog-character{min-width:0;scroll-margin-top:110px}
.catalog-character>img{display:block;width:100%;height:auto;aspect-ratio:5/7;object-fit:cover;background:#ded8c9}
.catalog-character>span{display:block;font-size:10px;color:var(--v-wine);letter-spacing:.1em;margin:19px 0 10px}
.design-2026 .catalog-character h3{font-size:27px;margin:0 0 12px}.catalog-character p{font-size:15px;line-height:1.75;color:var(--v-muted)}
.catalog-weapons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.catalog-weapon{min-width:0;scroll-margin-top:110px;border-bottom:1px solid var(--v-line);padding-bottom:24px}
.catalog-weapon>img{width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;display:block;background:#ded8c9}
.catalog-weapon>div{padding:22px 0 0}.design-2026 .catalog-weapon h3{font-size:27px;margin:0 0 13px}.catalog-weapon p{font-size:16px;line-height:1.75;color:var(--v-muted)}.catalog-weapon small{display:block;font-size:11px;letter-spacing:.06em;margin-top:18px;color:var(--v-wine)}
.catalog-related{margin-top:48px;padding-top:25px;border-top:1px solid var(--v-line);display:flex;flex-wrap:wrap;gap:18px 30px}.catalog-related a{font-size:15px;text-decoration:underline;text-underline-offset:5px}
.catalog-invite{display:flex;align-items:center;justify-content:space-between;gap:32px;background:var(--v-blue);color:#f4f3ed;padding:38px;margin-top:40px}
.design-2026 .catalog-invite h2{font-size:36px;margin-bottom:14px}.catalog-invite p{font-size:16px;line-height:1.7;color:#d7ddd2;margin:0}.catalog-invite .seo-cta{background:var(--v-sand);color:#263c47!important;flex-shrink:0}.catalog-invite a:focus-visible{outline-color:#f4f3ed}
/* Utility pages share the same type scale and rule-based layout. */
.design-2026 .help-intro,.design-2026 .legal-intro{padding:20px 0 40px;max-width:900px}
.design-2026 .help-shortcuts{gap:32px}.design-2026 .help-card{padding:25px 0;border:0;border-top:1px solid var(--v-line);background:transparent}.design-2026 .help-card:hover{border-color:var(--v-red)}.design-2026 .help-card>span{margin-bottom:20px;color:var(--v-red)}
.design-2026 .help-card h2{font-size:32px}.design-2026 .help-card p{font-size:16px;color:var(--v-muted)}
.design-2026 .help-download{background:var(--v-blue)}.design-2026 .help-download .seo-kicker{color:var(--v-sand)}.design-2026 .help-download-actions .v-btn{background:var(--v-sand);border-color:var(--v-sand)}
.design-2026 .help-faq{max-width:1100px;margin-left:0}.design-2026 .help-faq summary{font-size:20px}.design-2026 .help-faq details p{font-size:16px;line-height:1.8;color:var(--v-muted)}
.design-2026 .c-intro h1{font-size:clamp(52px,6vw,86px);line-height:1.04}.design-2026 .c-intro p{font-size:18px;line-height:1.8}.design-2026 .c-intro>img{width:180px;height:180px}
.community-2026 .community-masthead{background:var(--v-paper);color:var(--v-ink);min-height:0;padding-top:48px;padding-bottom:44px;border-bottom:1px solid var(--v-line)}
.community-2026 .community-masthead .section-id{color:var(--v-wine)}.design-2026 .community-masthead h1{font-size:clamp(48px,5.4vw,80px);line-height:1.04;letter-spacing:-.05em}.design-2026 .community-masthead h1 em{color:var(--v-wine);font:inherit}.community-2026 .community-masthead>p:last-child{color:var(--v-muted);font-size:18px;line-height:1.8;max-width:60ch}
.account-2026 .intro h1{font-size:clamp(48px,5.4vw,80px);line-height:1.04}.account-2026 .intro>p:last-child{line-height:1.8}.account-2026 .login-panel{background:transparent;border-block:1px solid var(--v-line);padding:35px 0}
/* Compact footer: brand at left, three clear link groups at right. */
.design-2026 .v-footer{display:grid;grid-template-columns:minmax(200px,.9fr) minmax(0,1.8fr);column-gap:clamp(35px,7vw,120px);row-gap:34px;padding:48px max(52px,calc((100vw - 1440px)/2)) 24px}
.design-2026 .v-footer-top{display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding:0;margin:0;max-width:none;border:0}
.design-2026 .v-footer-top>p{display:block;font-size:17px;line-height:1.6;max-width:25ch;margin:0}
.design-2026 .v-footer-social{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0}.design-2026 .v-footer-social a{font-size:12px;min-height:32px}.design-2026 .v-footer-social .ui-social{display:none}
.p-footer-links{padding:0;min-width:0}.p-footer-nav{display:grid;grid-template-columns:.8fr 1.25fr 1fr;gap:28px}
.design-2026 .p-footer-group h3{font-size:12px;font-weight:600;letter-spacing:.04em;line-height:1.5;margin:0 0 15px;color:#f4f3ed}
.p-footer-group{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.p-footer-group a{display:inline-flex;align-items:center;min-height:32px;font-size:13px;line-height:1.5;color:#c9d1c7;text-underline-offset:4px}.p-footer-group a:hover{color:#fff;text-decoration:underline}
.design-2026 .v-footer-bottom{grid-column:1/-1;width:100%;max-width:none;margin:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 24px;align-items:center;border-top:1px solid #eceddf25;padding-top:20px}
.design-2026 .v-footer-bottom>nav{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center}.design-2026 .v-footer-bottom :is(a,button,small){font-size:12px;color:#c5d0bf;line-height:1.6}.design-2026 .v-footer-bottom>nav button{background:none;border:0;padding:0;cursor:pointer;font:inherit}.design-2026 .v-footer-bottom>nav :is(a,button):hover{color:#fff}
.v-footer :is(a,button):focus-visible,.frontier-2026 .v-header :is(a,summary):focus-visible,.p-gameplay-preview:focus-visible{outline-color:#e1c49a}
@media(max-width:1100px){.design-2026 .v-nav{gap:18px}.design-2026 .s-studio-grid{gap:40px;grid-template-columns:.8fr 1.3fr}.p-studio-notes{grid-template-columns:1fr;gap:16px}.p-studio-notes>div{display:grid;grid-template-columns:70px 1fr;gap:12px}.p-studio-notes dt{margin:0}.catalog-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-weapons{grid-template-columns:repeat(2,minmax(0,1fr))}.design-2026 .v-footer{padding-inline:32px;grid-template-columns:1fr;gap:32px}.design-2026 .v-footer-top{display:grid;grid-template-columns:auto 1fr;column-gap:30px;align-items:center}.design-2026 .v-footer-top>p{justify-self:end}.design-2026 .v-footer-social{grid-column:1/-1}.p-footer-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.design-2026 .s-hero-grid{padding-block:24px 30px;gap:32px}.p-studio-kicker{font-size:10px;margin-bottom:20px}.design-2026 .s-hero-copy h1{font-size:clamp(46px,11.8vw,70px)}.design-2026 .s-hero-copy>p{font-size:16px;line-height:1.75;margin-top:22px}.p-studio-facts{gap:15px 20px;padding:21px 0}.p-studio-facts>div{flex-basis:calc(50% - 10px);display:block}.p-studio-facts>div:last-child{flex-basis:100%}.p-studio-facts dt{font-size:11px;margin-bottom:5px}.p-studio-facts dd{font-size:13px}.design-2026 .s-studio-grid{grid-template-columns:1fr;gap:25px}.p-studio-notes{margin:24px 0;padding:22px 0}.design-2026 .s-game-caption{padding-top:22px}.design-2026 .s-listen{padding-block:24px;grid-template-columns:48px 1fr;gap:18px}.design-2026 .s-listen>.v-text-link{grid-column:2}.design-2026 .s-listen-mark{width:48px;height:48px}.design-2026 .s-listen h2{font-size:29px}.design-2026 .s-social-links a{font-size:24px}
.design-2026 .r-hero-copy{padding-block:27px}.p-release-note{font-size:10px;margin-bottom:15px}.design-2026 .r-hero-logo{width:230px;margin-block:16px 20px}.design-2026 .r-hero-copy h1{font-size:clamp(39px,10.8vw,58px);line-height:1.08}.design-2026 .r-hero-copy h1 .seo-game-title{font-size:10px;letter-spacing:.13em;margin-bottom:16px}.design-2026 .r-hero-copy>p{font-size:16px;line-height:1.75;margin:22px 0 25px}.p-game-facts{grid-template-columns:1fr 1fr;gap:20px;padding:23px 0}.p-game-facts>div{display:block}.p-game-facts dt{font-size:11px;margin-bottom:6px}.p-game-facts dd{font-size:24px}.p-game-facts dd>span{font-size:12px}.p-game-facts .p-platform-fact{font-size:22px}
.p-game-brief{grid-template-columns:1fr;gap:30px;padding-block:42px}.p-brief-heading>p{font-size:16px}.p-brief-heading>h2{font-size:39px}.p-gameplay-preview>span{padding:13px;font-size:14px;gap:9px}.p-gameplay-preview small{font-size:9px}.p-brief-features article{padding-block:24px}.design-2026 .p-brief-features h3{font-size:28px}.p-brief-features p{font-size:16px}.p-discover-links{grid-template-columns:1fr;gap:0;padding:0}.p-discover-links>a{padding:18px 0;font-size:16px}.p-discover-links>a+a{border-top:1px solid var(--v-line)}.p-discover-links>a>span{font-size:9px}
.catalog-section{margin-top:36px}.catalog-weapons{grid-template-columns:1fr}.catalog-roster{gap:24px 16px}.design-2026 .catalog-character h3{font-size:24px}.catalog-character p{font-size:14px}.catalog-character>span{font-size:9px}.catalog-related{gap:18px}.catalog-invite{align-items:stretch;flex-direction:column;padding:27px 22px;gap:24px}.design-2026 .catalog-invite h2{font-size:30px}.catalog-invite .seo-cta{font-size:14px;gap:12px}
.design-2026 .seo-faq summary,.design-2026 .help-faq summary{font-size:18px}.design-2026 .seo-faq details p{font-size:16px}.design-2026 .help-shortcuts{gap:0}.design-2026 .help-intro,.design-2026 .legal-intro{padding:12px 0 30px}.design-2026 .c-intro h1{font-size:clamp(48px,11vw,66px)}.design-2026 .c-intro>img{width:84px;height:84px}.design-2026 .c-intro p{font-size:16px}.community-2026 .community-masthead{padding-top:34px;padding-bottom:30px}.community-2026 .community-masthead>p:last-child{font-size:16px}.account-2026 .intro h1{font-size:clamp(46px,11vw,66px)}
.design-2026 .v-footer{padding:34px 20px 22px;gap:30px}.design-2026 .v-footer-top{display:flex;gap:18px}.design-2026 .v-footer-top>p{font-size:16px;max-width:none}.p-footer-nav{grid-template-columns:1fr 1fr;gap:28px 22px}.design-2026 .p-footer-group h3{margin-bottom:10px}.p-footer-group a{font-size:13px;min-height:34px}.design-2026 .v-footer-bottom{display:grid;grid-template-columns:1fr auto;gap:20px}.design-2026 .v-footer-bottom>nav{grid-column:1/-1;grid-row:1;justify-content:flex-start;gap:10px 20px}.design-2026 .v-footer-bottom>small{grid-column:1}.design-2026 .v-footer-bottom>a{grid-column:2}}
@media(max-width:380px){.catalog-roster{grid-template-columns:1fr}.catalog-character>img{max-height:400px;object-fit:contain}.p-gameplay-preview small{display:none}}
@media(prefers-reduced-motion:reduce){.s-game-image>img,.p-gameplay-preview>img,.design-2026 .v-nav a::after{transition:none}.s-game-image:hover>img,.p-gameplay-preview:hover>img{transform:none}}
.account-2026>footer:not(.v-footer){flex-wrap:wrap;align-items:center;gap:16px 24px;letter-spacing:0;line-height:1.6}
.account-2026>footer:not(.v-footer) .foundation-legal{flex-basis:100%;min-width:0;gap:12px 22px}
/* Concise landing pages: story and gameplay share one chapter; cards lead to guides. */
.design-2026 .r-intro{gap:clamp(32px,6vw,90px);padding-block:clamp(40px,5vw,72px)}
.r-story-copy>p{margin:24px 0;max-width:52ch;font-size:17px;line-height:1.8;color:var(--v-muted)}
.r-intro>.p-gameplay-preview{margin-top:0}
.r-join-copy>.r-platforms{margin-top:26px}
.map-tactics summary,.catalog-bio summary{display:flex;align-items:center;gap:12px;min-height:44px;width:fit-content;list-style:none;cursor:pointer;font-size:14px;font-weight:600;color:var(--v-wine)}
.map-tactics summary::-webkit-details-marker,.catalog-bio summary::-webkit-details-marker{display:none}
.map-tactics summary .ui-icon,.catalog-bio summary .ui-icon{width:16px;height:16px;transition:transform .18s}
.map-tactics[open] summary .ui-icon,.catalog-bio[open] summary .ui-icon{transform:rotate(180deg)}
.map-tactics>p,.catalog-bio>p{margin-top:12px}
.page-end-cta{margin-top:40px}
@media(max-width:700px){.design-2026 .r-intro{grid-template-columns:1fr;gap:28px}.r-story-copy>p{font-size:16px;margin:21px 0}.catalog-bio summary{font-size:13px}}