/* Language links remain available even when the compact navigation is used. */
.header-controls{display:flex;align-items:center;gap:20px;min-width:0}
.language-switch{display:flex;align-items:center;flex-shrink:0;gap:8px;font-size:11px;letter-spacing:.02em;white-space:nowrap}
.language-switch a{display:flex;align-items:center;min-height:44px;padding:4px 3px;color:var(--muted);text-decoration:none}
.language-switch a[aria-current="page"]{color:var(--gold-light);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.language-switch a:hover{color:var(--gold-light)}
.language-switch>span{color:var(--line)}
.language-switch a:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}
html:lang(en){--sans:GameDigits,GameUI,sans-serif;--serif:GameDigits,GameUI,sans-serif}
html:lang(en) body{line-height:1.8;letter-spacing:.01em}
html:lang(en) .site-header nav{letter-spacing:.02em}
html:lang(en) .hero-content{width:44%}
html:lang(en) .hero-catch{font-size:clamp(25px,2.5vw,34px);line-height:1.4;letter-spacing:.01em;max-width:20ch}
html:lang(en) .hero-description{max-width:42ch;letter-spacing:.015em;line-height:1.9}
html:lang(en) .hero .button{font-size:13px;letter-spacing:.03em}
html:lang(en) .about-intro h2{font-size:clamp(27px,3.5vw,44px);line-height:1.5}
html:lang(en) .feature-copy h3{font-size:clamp(28px,3vw,40px);line-height:1.35}
html:lang(en) .feature-copy p{letter-spacing:.01em;line-height:1.9}
html:lang(en) .section-heading h2{letter-spacing:.01em}
html:lang(en) .story h2{font-size:clamp(30px,5vw,64px);letter-spacing:.02em}
html:lang(en) .story-content>p:not(.eyebrow){letter-spacing:.01em}
html:lang(en) .product-summary>div{min-width:0}
html:lang(en) .product-summary h3{white-space:normal;line-height:1.25;letter-spacing:.01em}
html:lang(en) .product-summary>img{flex-shrink:0}
html:lang(en) .product-spec>div{grid-template-columns:125px minmax(0,1fr)}
html:lang(en) .follow h3{line-height:1.5}
.not-found h1 span{display:block;margin-top:12px;font-size:.7em}
.not-found .button{margin:12px 6px}
@media(max-width:1100px){
  .site-header{height:104px}
  .header-controls{display:grid;justify-items:end;gap:0}
  .language-switch{order:-1}
  .hero{height:calc(100svh - 104px)}
  .site-header nav{gap:6px}
  .site-header nav a{padding-inline:12px}
}
@media(max-width:767px){
  .site-header{gap:12px}
  .header-controls{flex-shrink:0}
  .language-switch{font-size:10px;gap:6px}
  .site-header nav .nav-info{min-width:108px}
  .hero{height:auto}
  html:lang(en) .hero-content{width:100%}
  html:lang(en) .hero-catch{font-size:27px}
  html:lang(en) .hero-description br{display:none}
  html:lang(en) .hero .button{min-width:0;width:min(100%,280px)}
  html:lang(en) .section-heading{align-items:center}
  html:lang(en) .section-heading h2{font-size:28px}
  html:lang(en) .section-heading .section-index{font-size:8px;letter-spacing:.04em}
  html:lang(en) .game-highlights dd>span{display:block;line-height:1.5;padding-inline:5px}
  html:lang(en) .product-spec>div{grid-template-columns:100px minmax(0,1fr)}
  html:lang(en) .story-content>p:not(.eyebrow){line-height:2}
  html:lang(en) .lightbox-help{font-size:9px;letter-spacing:.01em}
}
@media(max-width:359px){
  .site-header{gap:8px}
  .site-header .site-logo{width:152px}
  .language-switch{gap:5px}
  html:lang(en) .section-heading{flex-wrap:wrap}
  html:lang(en) .section-heading .section-index{padding-bottom:0}
  html:lang(en) .hero-catch{font-size:25px}
  html:lang(en) .hero .button{font-size:12px}
  html:lang(en) .product-summary h3{font-size:24px}
}