.language-control{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 18px;padding:12px 0;border-bottom:1px solid var(--line,#c9d2d9)}
body.paused .overlay .dialog{animation:none!important;opacity:1!important;transform:none!important}
.language-control label{font-weight:600;min-width:0}
.language-control select{font:inherit;color:var(--ink,#17354c);background:var(--paper,#fff);border:1px solid var(--line,#c9d2d9);border-radius:6px;padding:9px 34px 9px 12px;min-height:44px;max-width:100%}
html[lang="ja-JP"]{--font:"Yu Gothic UI","Yu Gothic","Meiryo",system-ui,sans-serif;--sans:var(--font);--display:"Yu Mincho","MS PMincho",serif}
html[lang="ko-KR"]{--font:"Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif;--sans:var(--font);--display:"Malgun Gothic","Apple SD Gothic Neo",sans-serif}
html:is([lang="ja-JP"],[lang="ko-KR"]) .nav-label,html:is([lang="ja-JP"],[lang="ko-KR"]) .page-tabs button,html:is([lang="ja-JP"],[lang="ko-KR"]) .btn,html:is([lang="ja-JP"],[lang="ko-KR"]) .choice{white-space:normal;overflow-wrap:anywhere;line-height:1.5}
html:is([lang="ja-JP"],[lang="ko-KR"]) .page-tabs{height:auto;min-height:49px}
html[lang="ko-KR"] :is(.panel,.dialog) p{word-break:keep-all;overflow-wrap:anywhere}
html[lang="en-US"]{font-family:Georgia,"Times New Roman",serif}
html[lang="en-US"] .nav-label,html[lang="en-US"] .page-tabs button,html[lang="en-US"] .btn,html[lang="en-US"] .choice,html[lang="en-US"] .hint,html[lang="en-US"] .topbar{font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
html[lang="en-US"] .nav-label{font-size:13px;white-space:normal;line-height:1.25}
html[lang="en-US"] .topbar h1{font-size:17px}
html[lang="en-US"] .btn,html[lang="en-US"] .choice,html[lang="en-US"] .page-tabs button{white-space:normal;overflow-wrap:anywhere;line-height:1.35}
html[lang="en-US"] .panel h2,html[lang="en-US"] .panel h3,html[lang="en-US"] .dialog h2{overflow-wrap:anywhere}
html[lang="en-US"] .page-tabs{min-height:49px;height:auto}
html[lang="en-US"] .map-port-label{font-size:9px}
@media(max-width:760px){
 html:is([lang="ja-JP"],[lang="ko-KR"]) .nav-label{font-size:10px}
 html:is([lang="ja-JP"],[lang="ko-KR"]) .page-tabs{overflow-x:auto;gap:12px;scroll-padding-inline:10px}
 html:is([lang="ja-JP"],[lang="ko-KR"]) .page-tabs button{flex:0 0 auto;min-height:44px}
 html[lang="en-US"] .topbar h1{font-size:13px;max-width:140px}
 html[lang="en-US"] .topbar .resource-label{font-size:10px}
 html[lang="en-US"] .nav-label{font-size:10px}
 html[lang="en-US"] .page-tabs button{font-size:11px;padding-left:10px;padding-right:10px}
 html[lang="en-US"] .page-tabs{overflow-x:auto;gap:12px;scrollbar-width:thin;scroll-padding-inline:10px}
 html[lang="en-US"] .page-tabs button{flex:0 0 auto;white-space:nowrap;overflow-wrap:normal;min-height:44px}
 html[lang="en-US"] .language-control{gap:8px}
}

@media(min-width:761px) and (max-width:1060px){
 html[lang="en-US"] .nav button{padding-inline:1px}
 html[lang="en-US"] .nav button .nav-label{max-inline-size:100%;min-width:0;overflow-wrap:anywhere;font-size:11px;letter-spacing:0;line-height:1.35}
}