:root { --bg:#1b2838; --bg-deep:#171f2b; --surface:#213448; --surface-soft:#263f55; --ink:#d6d7d8; --heading:#ffffff; --blue:#66c0f4; --muted:#8f98a0; --line:rgba(102,192,244,.18); --soft:#22384b; --steam:#101822; --green:#75b022; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg-deep); color:var(--ink); font-family:"Onest",Arial,sans-serif; font-size:14px; line-height:1.55; }
a { color:var(--blue); text-underline-offset:.2em; }
.skip-link { position:fixed; z-index:20; left:1rem; top:1rem; padding:.6rem 1rem; color:var(--heading); background:var(--surface); transform:translateY(-180%); }
.skip-link:focus { transform:translateY(0); }
.press-banner { position:relative; width:100%; height:335px; overflow:hidden; background:var(--bg-deep); border-bottom:1px solid rgba(102,192,244,.14); }
.press-banner::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(10,18,28,.08) 35%,var(--bg) 100%); pointer-events:none; }
.press-banner img { width:100%; height:100%; object-fit:cover; object-position:center 12%; filter:saturate(.82) brightness(.76); }
.language-picker { position:absolute; z-index:2; top:1rem; right:1rem; display:flex; align-items:center; gap:.65rem; padding:.42rem .5rem .42rem .7rem; border:1px solid rgba(102,192,244,.24); border-radius:4px; background:rgba(16,24,34,.82); box-shadow:0 8px 24px rgba(0,0,0,.24); backdrop-filter:blur(8px); }
.language-picker label { color:#c7d5e0; font-size:.72rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.language-picker select { min-width:96px; }
.press-layout { max-width:1220px; padding-bottom:5rem; }
.press-sidebar { position:relative; margin-top:-166px; }
.box-art-link { display:block; width:100%; max-width:286px; border-radius:8px; }
.box-art { width:100%; max-width:286px; aspect-ratio:5/6; object-fit:cover; border:1px solid rgba(255,255,255,.14); border-radius:8px; box-shadow:0 16px 38px rgba(0,0,0,.42); }
.press-sidebar h1 { margin:1.25rem 0 .2rem; color:var(--heading); font-size:1.55rem; font-weight:700; letter-spacing:-.03em; }
.publisher { margin-bottom:1.25rem; font-size:.86rem; font-weight:500; }
.publisher a { font-weight:700; text-decoration:none; }
.section-nav { gap:.12rem; margin-bottom:1.2rem; }
.section-nav .nav-link { padding:.38rem 0; color:#c7d5e0; font-weight:500; }
.section-nav .nav-link:hover,.section-nav .nav-link.is-active { color:var(--blue); }
.download-all { max-width:286px; }
.sidebar-steam { display:flex; max-width:286px; align-items:center; justify-content:center; gap:.5rem; margin-top:.55rem; }
.sidebar-steam i { font-size:1.05rem; }
.sidebar-factsheet { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem .7rem; max-width:286px; margin-top:2rem; padding-top:1.5rem; border-top:1px solid var(--line); }
.sidebar-factsheet h2,.sidebar-factsheet .social-media-block { grid-column:1/-1; }
.sidebar-factsheet h2 { margin-bottom:0; font-size:1.2rem; }
.sidebar-factsheet .fact-list { display:contents; }
.sidebar-factsheet .fact-list div,.sidebar-factsheet .fact-block { margin:0; }
.sidebar-factsheet .fact-block h3 { margin:.05rem 0 .2rem; font-size:.72rem; line-height:1.25; }
.sidebar-factsheet .fact-block p,.sidebar-factsheet .fact-list dd { font-size:.82rem; line-height:1.35; }
.sidebar-factsheet .fact-list dt { font-size:.72rem; line-height:1.25; }
.sidebar-factsheet .social-media-block { padding-top:.25rem; }
.press-body { padding-top:2rem; }
.press-coverage { scroll-margin-top:2.5rem; }
.press-coverage h2 { font-size:1.72rem; }
.press-coverage-intro { color:#aebbc6; font-size:.8rem; }
.press-source-list { row-gap:.7rem!important; }
.press-source-item { display:inline-flex; align-items:center; }
.press-source-link { color:#dbe6ed; font-size:1rem; font-weight:600; letter-spacing:-.02em; text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:1px; text-underline-offset:.25em; transition:color .15s ease,text-decoration-color .15s ease; }
.press-source-link i { color:var(--muted); font-size:.62em; }
.press-source-link:hover,.press-source-link:focus-visible { color:var(--blue); text-decoration-color:currentColor; }
.press-coverage-divider { margin:2rem 0 2.5rem; }
h2 { margin:0 0 1rem; color:var(--heading); font-size:1.45rem; font-weight:700; letter-spacing:-.025em; }
h3 { margin:1.15rem 0 .45rem; color:#e5eef5; font-size:.86rem; font-weight:700; }
.fact-list { margin-bottom:.25rem; }
.fact-list div { margin-bottom:.55rem; }
.fact-list dt { color:#e5eef5; font-weight:700; }
.fact-list dd { margin:0; }
.platform-pill i { font-size:1rem; }
.platform-pill { max-width:130px; }
.fact-block { margin-top:1.35rem; }
.fact-block h3 { margin-bottom:.35rem; }
.fact-block p { margin:0; }
.social-media-block h3 { max-width:18rem; color:var(--muted); font-size:.78rem; font-weight:500; letter-spacing:.015em; line-height:1.4; text-transform:uppercase; }
.social-icons { display:flex; flex-wrap:wrap; align-items:center; gap:.62rem; }
.social-icons a { display:inline-flex; align-items:center; justify-content:center; color:#aeb5bc; font-size:1.35rem; line-height:1; text-decoration:none; transition:color .15s ease,transform .15s ease; }
.social-icons a:hover,.social-icons a:focus-visible { color:var(--blue); transform:translateY(-1px); }
.narrative section { margin-bottom:1.15rem; }
.narrative p { margin-bottom:.85rem; color:#c7d5e0; }
.narrative h3 { margin-top:1rem; }
.narrative ul { padding-left:1.15rem; }
hr { margin:2.5rem 0; border-color:var(--line); opacity:1; }
.content-section { scroll-margin-top:1rem; }
.section-kicker { margin:0 0 .2rem; color:var(--muted); font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.section-heading-row { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.section-heading-row h2 { margin:0; }
.section-heading-row > a { font-size:.78rem; font-weight:600; }
.trailer-section h2 { margin-bottom:1rem; }
.trailer-frame { position:relative; overflow:hidden; aspect-ratio:16/9; border:1px solid var(--line); border-radius:3px; background:var(--bg-deep); box-shadow:0 10px 24px rgba(0,0,0,.18); }
.trailer-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.media-grid a { display:block; overflow:hidden; border:1px solid var(--line); background:var(--bg-deep); box-shadow:0 10px 24px rgba(0,0,0,.18); }
.media-grid img { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:2px; filter:saturate(.9); }
.branding-grid a { display:flex; min-height:210px; height:100%; align-items:center; justify-content:center; overflow:hidden; padding:0; border:0; border-radius:0; background:none; }
.branding-grid img { max-width:100%; max-height:180px; object-fit:contain; }
.key-art-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-top:2rem; margin-bottom:1rem; }
.key-art-heading h3 { margin:0; color:var(--heading); font-size:1.05rem; }
.key-art-heading p { max-width:42rem; margin:0; color:var(--muted); font-size:.75rem; line-height:1.45; }
.key-art-heading > a { flex:none; font-size:.78rem; font-weight:600; white-space:nowrap; }
.key-art-grid { --bs-gutter-y:1.25rem; }
.key-art-grid figure { display:flex; flex-direction:column; margin:0; }
.key-art-grid a { display:flex; aspect-ratio:16/9; align-items:center; justify-content:center; overflow:hidden; padding:0; }
.key-art-grid img { width:100%; height:100%; object-fit:contain; }
.media-grid img,.branding-grid img,.key-art-grid img { transition:transform .18s ease; }
.media-grid a:hover img,.branding-grid a:hover img,.key-art-grid a:hover img { transform:scale(1.025); }
.key-art-grid figcaption { padding:.45rem .1rem 0; color:var(--muted); font-size:.72rem; font-weight:600; }
.credit-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.9rem 0; border-bottom:1px solid var(--line); }
.credit-row div { display:grid; }
.credit-row strong { color:#e5eef5; }
.credit-row span { color:var(--muted); }
.credit-row a { font-size:.78rem; font-weight:600; }
.press-footer { max-width:1220px; display:flex; justify-content:space-between; gap:1rem; padding-top:1.5rem; padding-bottom:1.5rem; border-top:1px solid var(--line); color:var(--muted); font-size:.75rem; }
:focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
@media (min-width:992px) { .press-sidebar.can-stick { position:sticky; top:1.5rem; align-self:flex-start; } }
@media (max-width:991.98px) { .press-banner { height:235px; } .press-layout { max-width:760px; } .press-sidebar { margin-top:-95px; display:grid; grid-template-columns:180px 1fr; gap:0 1.5rem; } .box-art-link { grid-row:1 / span 6; } .press-sidebar h1 { align-self:end; } .section-nav { flex-direction:row!important; flex-wrap:wrap; gap:.2rem 1rem; } .download-all,.sidebar-steam { max-width:230px; } .sidebar-factsheet { grid-column:1/-1; max-width:none; } .press-body { padding-top:1rem; } }
@media (max-width:575.98px) { body { font-size:13.5px; } .press-banner { height:170px; } .language-picker { top:.7rem; right:.7rem; gap:.45rem; padding:.35rem .4rem .35rem .55rem; } .language-picker label { font-size:.65rem; } .language-picker select { min-width:88px; } .press-layout { padding-left:1.1rem; padding-right:1.1rem; } .press-sidebar { margin-top:-55px; display:grid; grid-template-columns:118px 1fr; gap:0 1rem; } .box-art,.box-art-link { border-radius:5px; } .press-sidebar h1 { font-size:1.35rem; } .publisher { margin-bottom:.5rem; } .section-nav { grid-column:1/-1; margin-top:1rem; } .download-all,.sidebar-steam { grid-column:1/-1; max-width:none; } .sidebar-factsheet { grid-column:1/-1; grid-template-columns:1fr; } .sidebar-factsheet h2,.sidebar-factsheet .social-media-block { grid-column:auto; } .press-coverage h2 { font-size:1.48rem; } .section-heading-row,.credit-row,.key-art-heading { align-items:flex-start; flex-direction:column; } .branding-grid a { min-height:160px; } .key-art-grid a { padding:.35rem; } }
@media (max-width:575.98px) { .key-art-grid a { padding:0; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .press-source-link { transition:none; } }