.site-masthead>.account-strip{margin-inline-start:auto}.language-control{display:flex;align-items:center;flex:none}.language-button,.language-close{display:grid;place-items:center;width:40px;height:40px;flex:none;padding:8px;border:1px solid var(--line,#dfdced);border-radius:11px;background:var(--surface,#fff);color:var(--ink,#252241);cursor:pointer}.language-button svg,.language-close svg{width:23px;height:23px}.language-button:hover,.language-close:hover{background:var(--surface-2,#f2eefb)}.language-button:focus-visible,.language-close:focus-visible,.language-options button:focus-visible{outline:3px solid var(--green,#6d28d9);outline-offset:3px}
.language-dialog{box-sizing:border-box;width:min(400px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid var(--line,#dfdced);border-radius:22px;background:var(--surface,#fff);color:var(--ink,#252241);box-shadow:0 24px 100px #0007;font:16px/1.5 system-ui,sans-serif;overflow:auto}.language-dialog:not([open]){display:none}.language-dialog::backdrop{background:#100b2bc7;backdrop-filter:blur(4px)}.language-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.language-dialog-heading h2{margin:0;font-size:22px;line-height:1.25;letter-spacing:-.5px}.language-options{display:grid;gap:10px}.language-options button{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:56px;padding:14px 16px;border:1px solid var(--line,#dfdced);border-radius:12px;background:var(--surface-2,#f6f3fc);color:inherit;text-align:start;font:inherit;cursor:pointer}.language-options button.selected{background:linear-gradient(115deg,#6549cc,#b33178);color:#fff;border-color:#8d55d6;box-shadow:0 3px 15px #7c3aed25}.language-check{width:23px;height:23px;visibility:hidden}.language-options button.selected .language-check{visibility:visible}
.translation-warning{background:#fff3cd;color:#5e4700;padding:12px 20px;margin:0;font:14px/1.5 system-ui}.translation-admin{padding:24px;margin:24px 0}.translation-admin form{display:grid;gap:14px}.translation-admin label{display:grid;gap:6px}.translation-admin input:not([type=checkbox]){padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.translation-admin .translation-enabled{display:flex;align-items:center;gap:10px}.translation-admin p{font-size:14px;line-height:1.6;color:var(--muted)}
@media(max-width:520px){.site-masthead{gap:8px}.site-masthead .account-link{max-width:29vw}.site-masthead .site-home-logo{font-size:20px;gap:5px}.site-home-logo .brand-icon{width:27px}.site-masthead .account-strip{gap:4px}}@media(max-width:380px){.site-masthead{padding:10px;gap:6px}.site-masthead .site-home-logo{font-size:18px;gap:4px}.site-masthead .site-home-logo .brand-icon{width:23px}.site-masthead .account-link{max-width:22vw}.site-masthead .account-friends-link{padding:4px}}

/* Match the reading direction from the first paint, including offline. */
html:lang(bn),html:lang(syl){font-family:system-ui,"Noto Sans Bengali","Nirmala UI",sans-serif;line-height:1.65}
html:lang(ur){font-family:system-ui,"Noto Sans Arabic","Noto Nastaliq Urdu",sans-serif;line-height:1.85}
html:lang(ur) h1,html:lang(ur) h2,html:lang(ur) h3,html:lang(ur) button,html:lang(bn) h1,html:lang(bn) h2,html:lang(syl) h1,html:lang(syl) h2{letter-spacing:normal}
html[dir=rtl] .language-dialog-heading h2{line-height:1.6}
.site-home-logo,.brand,.account-brand,code,pre,input[type=email],input[type=password],input[autocomplete=username],input[name=username],input[name=code],input[name=roomCode],.room-code{direction:ltr;unicode-bidi:isolate}
.player-name,.friend-name,[data-no-translate]:not(.language-control){unicode-bidi:plaintext}
html[dir=rtl] input:not([type=checkbox]):not([type=radio]),html[dir=rtl] textarea{text-align:start}

html:lang(ur) body,html:lang(ur) button,html:lang(ur) input,html:lang(ur) select,html:lang(ur) textarea{font-family:system-ui,"Noto Sans Arabic","Noto Nastaliq Urdu",sans-serif}
html:lang(bn) body,html:lang(syl) body,html:lang(bn) button,html:lang(syl) button{font-family:system-ui,"Noto Sans Bengali","Nirmala UI",sans-serif}
html[dir=rtl] .friend-person,html[dir=rtl] .users-table td,html[dir=rtl] .users-table th,html[dir=rtl] .site-room-table th,html[dir=rtl] .site-room-table td,html[dir=rtl] .clue-history th,html[dir=rtl] .clue-history td,html[dir=rtl] .stage-button,html[dir=rtl] .idea-pair,html[dir=rtl] .combo-use>.button,html[dir=rtl] .scores-table,html[dir=rtl] .decline-button.decline-inline{ text-align:start }
html[dir=rtl] .voice-title{ text-align:start!important }
html[dir=rtl] .word-order ol{padding-inline-start:28px;padding-inline-end:8px}
html[dir=rtl] .word-order small{float:left;margin-inline-start:12px;margin-inline-end:0}
html[dir=rtl] .word-clues li>span{text-align:end}
html[dir=rtl] #communication-tabs>button+button{border-left:0;border-inline-start:1px solid var(--line,#e0e6d9)}