.locale-select{display:flex;align-items:center;gap:.4rem;max-width:100%;flex-wrap:wrap}.locale-select select{max-width:100%;width:10.2em;min-height:36px;background:#102820;color:#e4d6aa;border:1px solid #63715b;border-radius:4px;padding:.35rem .5rem;font:inherit}.locale-select select:focus-visible{outline:2px solid #f2cd7b;outline-offset:3px}#localeStatus{font-size:.75rem;color:#b8c8bd;max-width:18em;line-height:1.4}#localeStatus[hidden]{display:none}.locale-select .legacy-locale{display:none}.site-tabs button{overflow-wrap:anywhere}.community-panel,.home-panel,.adventure-entry{overflow-wrap:break-word}@media(max-width:700px){.locale-select{gap:.25rem}.locale-select select{width:8.5em}#localeStatus{max-width:15em}}
html[data-locale-ready="false"][data-new-locale="true"]:not([data-locale-initialized="true"]) .site-sidebar,html[data-locale-ready="false"][data-new-locale="true"]:not([data-locale-initialized="true"]) .topbar,html[data-locale-ready="false"][data-new-locale="true"]:not([data-locale-initialized="true"]) main.shell{display:none}
.locale-select>.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important}

/* Keep native class choices and icon dimensions; give long localized names room. */
html[data-locale] :is(#classPicker .class-btn,#classGuidePicker .class-guide-btn,#abilityClassPicker .ability-class-btn){flex-direction:column;height:auto;min-height:82px}
html[data-locale] :is(#classPicker .class-btn,#classGuidePicker .class-guide-btn,#abilityClassPicker .ability-class-btn)>:is(b,span){max-width:100%;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
html[data-locale] .profession-btn span{min-width:0;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}

html[data-locale] main.shell :is(h1,h2,h3){overflow-wrap:anywhere;hyphens:auto}