:root {
  --ink:#17363d;
  --muted:#526c72;
  --accent:#006b78;
  --dark:#075562;
  --line:#d6e4e3;
  --wash:#f3f7f6;
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic",Meiryo,sans-serif}
body:lang(zh-CN){font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}
a{color:var(--accent);text-underline-offset:.18em;overflow-wrap:anywhere}
a:hover{color:var(--dark)}
a:focus-visible,summary:focus-visible,video:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wrap{max-width:1120px;margin-inline:auto;padding-inline:28px}
header{border-bottom:1px solid var(--line);background:var(--white)}
.header-row{min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding-block:12px}
.site-name{font-size:15px;font-weight:750;color:var(--ink);text-decoration:none;display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center}
.site-name small{font-weight:550;color:var(--muted)}
.langs,.section-links{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.langs a{display:inline-flex;border:1px solid var(--line);border-radius:5px;text-decoration:none;font-size:13px;padding:4px 9px}
.langs a[aria-current=page]{border-color:var(--accent);background:var(--wash);font-weight:700}
.section-links{gap:16px;font-size:14px}
.section-links a{text-decoration:none}
.section-links a:hover{text-decoration:underline}
main{padding-bottom:48px}
.hero{background:linear-gradient(180deg,#f3f8f7 0%,#fafcfb 100%);border-bottom:1px solid var(--line)}
.hero-inner{display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:34px;padding-block:39px 37px}
.eyebrow{margin:0 0 7px;color:var(--accent);font-size:13px;font-weight:750}
h1,h2,h3,p,figure,dl,dd{margin:0}
h1{font-size:clamp(27px,4.2vw,42px);line-height:1.24;letter-spacing:-.023em;overflow-wrap:anywhere;text-wrap:balance}
.game-title,.announcement-title{display:block}
.announcement-title{margin-top:4px;font-size:clamp(23px,3.25vw,31px);line-height:1.32}
.keep{white-space:nowrap}
h2{font-size:clamp(23px,3vw,29px);line-height:1.3;letter-spacing:-.015em}
h3{font-size:18px;line-height:1.42}
.lead{margin-top:14px;font-size:16px}
.flags{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:16px;font-size:13px;font-weight:700;color:var(--dark)}
.flags span{padding:3px 8px;border-radius:4px;background:#e8f2ef}
.steam{margin-top:15px;display:inline-block;font-size:14px}
.hero-figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px;background:var(--wash)}
figcaption,.subtle{color:var(--muted);font-size:13px}
.hero-figure figcaption{margin-top:7px}
section{scroll-margin-top:18px}
.primary,.facts-section,.developer-section,.trailers,.additional,.contact{padding-block:28px;border-bottom:1px solid var(--line)}
.primary{padding-top:29px}
.publish-panel{padding:21px 24px;background:var(--wash);border:1px solid var(--line);border-radius:8px}
.section-desc{margin-top:8px;color:var(--muted)}
.download-side{flex:0 0 auto;max-width:100%;display:grid;justify-items:start;gap:5px}
.primary-download{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 15px;border-radius:5px;color:var(--white);background:var(--accent);text-decoration:none;font-weight:700;font-size:14px}
.primary-download:hover{color:var(--white);background:var(--dark)}

.release-downloads{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:14px}
.release-file{display:inline-flex;align-items:center;min-height:42px;padding:7px 13px;border:1px solid var(--accent);border-radius:5px;background:var(--white);font-weight:650;font-size:14px;text-decoration:none}
.release-file:hover{background:#e8f2ef}
.release-kit-meta{margin-top:7px}
details{min-width:0}
summary{color:var(--accent);font-weight:650;cursor:pointer}
details[open]>summary{margin-bottom:12px}
.read-release{margin-top:15px;border-top:1px solid var(--line);padding-top:12px}
.read-release summary{min-height:34px}
.release-article{max-width:820px;margin-inline:auto;padding:clamp(16px,4vw,32px);background:var(--white);border:1px solid var(--line);border-radius:7px;overflow-wrap:anywhere}
.release-txt{display:inline-block;margin-bottom:14px;font-size:13px}
.release-article h3{font-size:clamp(22px,3.1vw,32px);line-height:1.35;letter-spacing:-.015em}
.release-article p{margin-top:11px}
.release-deck{color:var(--dark);font-weight:700}
.release-article h4{margin:30px 0 8px;font-size:clamp(18px,2.6vw,22px);line-height:1.45}
.release-figure{margin-top:16px;margin-bottom:21px}
.release-figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:5px}
.release-figure figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:3px 14px;flex-wrap:wrap;margin-top:5px}
.release-figure figcaption span{flex:1 1 240px}
.release-figure figcaption a{flex:none}
.release-facts{margin-top:12px}
.press-handoff{max-width:820px;margin-top:26px;color:var(--muted)}
.press-handoff + .trailers{padding-top:16px}
.details-panel{margin-top:15px;padding:11px 14px;border:1px solid var(--line);border-radius:6px;background:#fff}
.facts-layout{display:grid;grid-template-columns:1.02fr .98fr;gap:30px;align-items:start;margin-top:14px}
.facts{border:1px solid var(--line);border-radius:6px;overflow:hidden}
.fact-row{display:grid;grid-template-columns:minmax(105px,36%) minmax(0,1fr);gap:12px;padding:8px 12px;border-bottom:1px solid var(--line);font-size:14px}
.fact-row:last-child{border-bottom:0}
.fact-row dt{font-weight:700}
.fact-row dd{overflow-wrap:anywhere}
.overview h3{margin-bottom:8px}
.copy-block{padding:9px 0 11px;border-bottom:1px solid var(--line)}
.copy-block:last-child{border-bottom:0}
.copy-block strong{font-size:13px;color:var(--muted);display:block;margin-bottom:3px}
.copy-block p{font-size:15px}
.copy-block p+p{margin-top:.6em}
.social-row{align-items:start}
.social-row dt{padding-top:5px}
.socials{display:flex;flex-wrap:wrap;gap:6px}
.socials a{display:inline-flex;align-items:center;min-height:30px;padding:2px 9px;border:1px solid var(--line);border-radius:5px;background:var(--wash);font-size:13px;font-weight:650;text-decoration:none}
.socials a:hover{border-color:var(--accent);text-decoration:underline}
.developer-comment figure{max-width:780px;margin:0}
.developer-comment blockquote{margin:0}
.developer-comment blockquote p+p{margin-top:11px}
.developer-comment figcaption{margin-top:12px;font-weight:700}
video{display:block;width:100%;height:auto;background:#17363d;border-radius:6px;aspect-ratio:var(--ratio,16/9);object-fit:contain}
.video-text{margin-top:6px;font-size:14px;color:var(--muted)}
.additional-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}

.trailer-grid,.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:12px}
.trailer-entry{min-width:0}
.trailer-entry h3{margin:0 0 7px}
.category-download{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-bottom:12px}
.asset-count{margin-left:4px;color:var(--muted);font-size:.85em;font-weight:550}
.asset-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--white)}
.asset-card img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;background:var(--wash)}
.asset-card video{border-radius:0}
.asset-card-copy{padding:12px 14px}
.asset-card-copy p{margin-top:5px;color:var(--muted);font-size:14px;line-height:1.65}
.asset-card-copy a{display:inline-block;margin-top:8px;font-size:14px}
.contact p{margin-top:6px}
.contact .subtle{margin-top:10px}
@media(max-width:830px){
 .header-row{column-gap:12px}
 .section-links{order:3;flex:1 1 100%}
 .hero-inner{gap:22px}
 .hero-inner,.facts-layout{grid-template-columns:1fr}
 .hero-inner{padding-block:25px}
 .hero-figure{max-width:680px}
 .trailer-grid{grid-template-columns:1fr}
}
@media(max-width:540px){
 .wrap{padding-inline:17px}
 .hero-inner{padding-block:20px;gap:15px}
 .lead{margin-top:9px;font-size:15px}
 .flags{margin-top:10px}
 .steam{margin-top:8px}
 .primary{padding-top:20px}
 .publish-panel{padding:16px}
 .additional-head{display:grid;gap:12px}
 .asset-grid{grid-template-columns:1fr}
 .facts-layout{gap:19px}
 .section-links{gap:9px 13px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}