.header-controls {display:flex;align-items:center;gap:20px;flex-shrink:0;}
.language-control {position:relative;display:flex;align-items:center;gap:8px;min-width:76px;min-height:44px;color:var(--paper);}
.language-control svg {width:18px;height:18px;flex-shrink:0;}
.language-control select {position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%;}
.language-control:focus-within {outline: 2px solid var(--accent); outline-offset: var(--focus-offset);}
#language-code {font-size:11px;letter-spacing:.08em;}
.language-chevron {width:12px!important;}
.site-header nav {min-width:0;}
html:not([lang="en"]) h1,html:not([lang="en"]) h2 {overflow-wrap: break-word; text-wrap: balance;}

html[lang="ko"] body {word-break: keep-all;}
html:not([lang="en"]) .hero h1 {font-size:clamp(44px,4.9vw,78px);}
html:not([lang="en"]) .planet-stats {flex-wrap:wrap;row-gap:18px;}
html:not([lang="en"]) .visual-caption {flex-wrap:wrap;row-gap:8px;}
html:not([lang="en"]) .sound-toggle {max-width:calc(100vw - 32px);}
@media(max-width:1100px) {
  .header-controls {gap:12px;}
  .site-header nav {gap:16px;}
  .site-header .brand-wordmark {width:200px;}
}
@media(min-width:761px) and (max-width:1000px) {
  .site-header nav {display:none;}
}
@media(max-width:760px) {
  .header-controls {gap:10px;}
  .site-header .brand-wordmark {width:144px;}
  .motion-toggle {width:44px;min-height:44px;padding:0;justify-content:center;}
  #motion-label {position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;}
  .language-control {min-width:68px;}
  html:not([lang="en"]) .hero h1 {font-size:clamp(34px,7.9vw,54px);}
  html:not([lang="en"]) .hero-content {top:15%;}
  html:not([lang="en"]) .planet-choice {padding:8px 2px;gap:5px;}
  html:not([lang="en"]) .planet-mini {width:12px;height:12px;}
}