: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:4; top:1rem; right:1rem; }
.language-trigger { display:flex; align-items:center; gap:.48rem; min-width:5.2rem; padding:.35rem .42rem; border:0; border-bottom:1px solid rgba(148,190,208,.18); color:#e7f0f4; background:rgba(10,22,30,.68); cursor:pointer; font-size:.78rem; font-weight:800; letter-spacing:.04em; list-style:none; }
.language-trigger::-webkit-details-marker { display:none; }
.language-trigger:hover,.language-trigger:focus-visible { color:#fff; background:rgba(16,35,46,.9); }
.language-trigger > i:first-child { color:#eff7f8; font-size:.85rem; }
.language-chevron { margin-left:auto; color:#aebfc8; font-size:.6rem; transition:transform .18s ease; }
.language-picker[open] .language-chevron { transform:rotate(180deg); }
.language-native-select { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }
.language-menu { position:absolute; top:2.35rem; right:0; display:grid; gap:.1rem; width:7.8rem; padding:.48rem; border:1px solid rgba(111,144,157,.2); border-radius:.42rem; background:#15151b; box-shadow:0 13px 26px rgba(0,0,0,.32); opacity:0; pointer-events:none; transform:translateY(-.35rem); transition:opacity .16s ease,transform .16s ease; }
.language-picker[open] .language-menu { opacity:1; pointer-events:auto; transform:translateY(0); }
.language-menu button { display:grid; grid-template-columns:1.25rem 1.5rem 1fr; gap:.35rem; align-items:center; padding:.48rem .38rem; border:0; border-radius:.2rem; color:#dde5e8; background:transparent; font-size:.72rem; text-align:left; }
.language-menu button span { color:#9aa9ae; font-size:.6rem; font-weight:800; }
.language-menu button .language-flag { position:relative; display:block; width:1.15rem; height:.78rem; overflow:hidden; border:1px solid rgba(255,255,255,.18); border-radius:2px; }
.language-menu button .flag-us { background:linear-gradient(180deg,#b22234 0 14%,#fff 14% 28%,#b22234 28% 42%,#fff 42% 56%,#b22234 56% 70%,#fff 70% 84%,#b22234 84%); }
.language-menu button .flag-us::before { content:""; position:absolute; inset:0 auto auto 0; width:45%; height:54%; background:#3c3b6e; }
.language-menu button .flag-tr { background:#e30a17; }
.language-menu button .flag-tr::before { content:""; position:absolute; width:.43rem; height:.43rem; left:.29rem; top:.16rem; border-radius:50%; background:#fff; }
.language-menu button .flag-tr::after { content:""; position:absolute; width:.34rem; height:.34rem; left:.38rem; top:.205rem; border-radius:50%; background:#e30a17; }
.language-menu button .flag-de { background:linear-gradient(#111 0 33%,#d00 33% 66%,#ffce00 66%); }
.language-menu button .flag-fr { background:linear-gradient(90deg,#0055a4 0 33%,#fff 33% 66%,#ef4135 66%); }
.language-menu button .flag-br { background:#009c3b; }
.language-menu button .flag-br::before { content:""; position:absolute; left:.3rem; top:.08rem; width:.48rem; height:.48rem; transform:rotate(45deg); background:#ffdf00; }
.language-menu button .flag-br::after { content:""; position:absolute; left:.46rem; top:.24rem; width:.18rem; height:.18rem; border-radius:50%; background:#002776; }
.language-menu button .flag-ru { background:linear-gradient(#fff 0 33%,#244aa5 33% 66%,#d52b1e 66%); }
.language-menu button strong { font-size:.78rem; letter-spacing:.04em; }
.language-menu button:hover,.language-menu button:focus-visible,.language-menu button.is-active { color:#fff; background:#24212a; }
.language-menu button.is-active strong { color:var(--green); }
.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-logo-marquee { position:relative; overflow:hidden; padding:.35rem 0; mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
.press-logo-track { display:flex; width:max-content; animation:press-logo-marquee 80s linear infinite; }
.press-logo-marquee:hover .press-logo-track,.press-logo-marquee:focus-within .press-logo-track { animation-play-state:paused; }
.press-logo-list { display:flex; flex:none; gap:.75rem; padding-right:.75rem; }
.press-logo-link { display:flex; width:7rem; height:6.2rem; flex-direction:column; align-items:center; justify-content:center; gap:.55rem; color:#dbe6ed; text-decoration:none; transition:transform .18s ease; }
.press-logo-link img { width:3.35rem; height:3.35rem; object-fit:contain; filter:saturate(1.12) brightness(1.08); opacity:1; transition:filter .18s ease,opacity .18s ease; }
.press-logo-name { max-width:7rem; overflow:hidden; color:#dbe6ed; font-size:.7rem; font-weight:700; letter-spacing:.01em; line-height:1.1; opacity:0; text-align:center; text-overflow:ellipsis; transform:translateY(.3rem); transition:opacity .18s ease,transform .18s ease; white-space:nowrap; }
.press-logo-link:hover,.press-logo-link:focus-visible { transform:translateY(-2px); }
.press-logo-link:hover .press-logo-name,.press-logo-link:focus-visible .press-logo-name { opacity:1; transform:translateY(0); }
.press-logo-link:hover img,.press-logo-link:focus-visible img { filter:saturate(1.35) brightness(1.2); opacity:1; }
@keyframes press-logo-marquee { to { transform:translateX(-50%); } }
.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; } .language-menu { width:7.4rem; } .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; } .press-logo-link { width:5.8rem; height:5.7rem; } .press-logo-link img { width:2.8rem; height:2.8rem; } .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-logo-track { animation:none; } .press-logo-link,.press-logo-link img,.language-menu,.language-chevron { transition:none; } }