/* Language controls for the cinematic public introduction only. */
.online{white-space:nowrap}
.language-switcher{position:relative;z-index:80}
#language-button{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:32px;padding:5px 10px;color:#e4f2ed;background:#051116b8;border:1px solid #b4d8d080;cursor:pointer;font:700 11px 'Courier New',monospace;letter-spacing:.04em}
#language-button:hover,#language-button[aria-expanded="true"]{border-color:#b8fff2;background:#123334}
#language-button:focus-visible,#language-menu button:focus-visible{outline:2px solid #bbfff1;outline-offset:2px}
#language-menu{position:absolute;z-index:90;top:calc(100% + 9px);right:0;min-width:182px;padding:6px;background:#061015f7;border:1px solid #b5e0d2a8;box-shadow:0 14px 42px #000b;display:grid;gap:2px}
#language-menu[hidden]{display:none!important}
#language-menu button{width:100%;padding:10px 12px;text-align:left;border:1px solid transparent;background:transparent;color:#edf6f3;cursor:pointer;font:600 12px 'Courier New',monospace}
#language-menu button:hover,#language-menu button:focus-visible,#language-menu button[aria-checked="true"]{background:#20403f;border-color:#a5ead755}
@media(max-width:680px){
 .online{gap:9px;font-size:9px;padding-top:4px}
 .online-status{font-size:9px}
 #language-button{min-width:44px;min-height:32px;padding:5px 7px;font-size:10px}
 #language-menu{min-width:165px}
}