/* DanceScore portal - translations (Nov 2026). Linked by every translated page. */

/* Chinese and Japanese share code points but not glyph shapes, so each
   language names fonts that draw it correctly (same idea as dscommon). */
html:lang(zh-CN) body,html:lang(zh-CN) .btn,html:lang(zh-CN) button,html:lang(zh-CN) input,html:lang(zh-CN) select,html:lang(zh-CN) textarea{
 font-family:'Segoe UI','Microsoft YaHei UI','Microsoft YaHei','PingFang SC','Noto Sans SC','Noto Sans CJK SC',sans-serif}
html:lang(zh-TW) body,html:lang(zh-TW) .btn,html:lang(zh-TW) button,html:lang(zh-TW) input,html:lang(zh-TW) select,html:lang(zh-TW) textarea{
 font-family:'Segoe UI','Microsoft JhengHei UI','Microsoft JhengHei','PingFang TC','Noto Sans TC','Noto Sans CJK TC',sans-serif}
html:lang(ja) body,html:lang(ja) .btn,html:lang(ja) button,html:lang(ja) input,html:lang(ja) select,html:lang(ja) textarea{
 font-family:'Segoe UI','Yu Gothic UI','Meiryo UI','Yu Gothic','Meiryo','Hiragino Sans','Noto Sans JP',sans-serif}
html:lang(ko) body,html:lang(ko) .btn,html:lang(ko) button,html:lang(ko) input,html:lang(ko) select,html:lang(ko) textarea{
 font-family:'Segoe UI','Malgun Gothic','Apple SD Gothic Neo','Noto Sans KR',sans-serif}
/* CJK text breaks badly with negative letter-spacing on headings */
html:lang(zh-CN) h1,html:lang(zh-TW) h1,html:lang(ja) h1,html:lang(ko) h1,
html:lang(zh-CN) h2,html:lang(zh-TW) h2,html:lang(ja) h2,html:lang(ko) h2{letter-spacing:0}

/* Language picker */
.lang-pick{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1}
.lang-pick label{margin:0;font-weight:600;font-size:13px}
.lang-pick select{width:auto;min-width:130px;padding:6px 28px 6px 10px;border-radius:8px;font-size:14px;cursor:pointer;
 border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.14);color:#fff;
 -webkit-appearance:none;appearance:none;
 background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' fill='none' stroke-width='1.6' stroke-linecap='round' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
 background-repeat:no-repeat;background-position:right 8px center;background-size:14px}
.lang-pick select option{color:#2c3e50;background:#fff}
.lang-pick select:focus{outline:3px solid rgba(255,193,7,.6);outline-offset:1px}
.lang-fixed{position:fixed;top:14px;right:16px;z-index:50;background:rgba(30,60,114,.85);padding:6px 10px;border-radius:10px;
 box-shadow:0 4px 14px rgba(0,0,0,.2);color:#fff}
.lang-inline{color:#fff}
.lang-light{color:#2c3e50}
.lang-light select{color:#2c3e50;border-color:#c9d2dc;background-color:#fff;
 background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath stroke='%232c3e50' fill='none' stroke-width='1.6' stroke-linecap='round' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}
@media (max-width:480px){
 .lang-fixed{top:8px;right:8px;padding:4px 6px}
 .lang-pick label{display:none}
 .lang-pick select{min-width:0}
}