.arena-app .header-actions { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.arena-app .language-switch, .language-switch { display: inline-flex; align-items: center; gap: 6px; padding: 8px 9px; min-height: 34px; border: 1px solid #514637; border-radius: 4px; background: #191612; color: #81786b; font-size: 10px; white-space: nowrap; cursor: pointer; }
.language-switch[data-locale="en"] [lang="en"], .language-switch[data-locale="zh-CN"] [lang="zh-CN"] { color: #f3c65e; }
.language-switch:focus-visible { outline: 2px solid #ebb94c; outline-offset: 3px; }
.arena-app .language-switch:hover { border-color: #b3914d; }
html[lang="en"] .arena-app .skill-callout strong { font-size: 13px; letter-spacing: 1px; }
html[lang="en"] .arena-app .battle-phase { letter-spacing: 0; }
html[lang="en"] .arena-app .hero-copy h1 { font-size: clamp(28px, 3vw, 43px); line-height: 1.4; }
html[lang="en"] .arena-app .hero-meta { flex-wrap: wrap; }
html[lang="en"] .arena-app .page-heading > div { min-width: 0; }
html[lang="en"] .arena-app .key-value { flex-wrap: wrap; gap: 8px 20px; }
@media (max-width: 1180px) and (min-width: 601px) {
  .arena-app .site-header { flex-wrap: wrap; gap: 12px 22px; padding-top: 15px; }
  .arena-app .header-actions { margin-left: auto; }
  .arena-app .site-nav { order: 3; flex-basis: 100%; min-height: 47px; justify-content: center; }
}
@media (max-width: 600px) {
  .arena-app .header-actions { grid-column: 2; grid-row: 1; flex-direction: column-reverse; align-items: flex-end; gap: 6px; }
  .arena-app .header-actions .wallet-tools { margin: 0; }
  .arena-app .language-switch { min-height: 27px; padding: 3px 8px; font-size: 9px; }
  html[lang="en"] .arena-app .site-nav a { font-size: 9px; padding-inline: 5px; }
  html[lang="en"] .arena-app .hero-copy h1 { font-size: 27px; }
  html[lang="en"] .arena-app .hero-actions { display: flex; }
  html[lang="en"] .arena-app .hero-actions .button { flex: 1 1 120px; min-width: 0; }
  html[lang="en"] .arena-app .credit-chip { gap: 10px; font-size: 9px; }
  html[lang="en"] .arena-app .skill-callout strong { font-size: 10px; letter-spacing: 0; }
  html[lang="en"] .arena-app .battle-phase { max-width: 110px; text-align: right; font-size: 6px; }
  html[lang="en"] .arena-app .battle-actions { flex-wrap: wrap; }
  html[lang="en"] .arena-app .metric-box small { overflow-wrap: anywhere; }
  html[lang="en"] .arena-app .environment-bar { align-items: flex-start; }
}