.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.language-selector{display:inline-flex;align-items:center;gap:6px;color:var(--cream,#eee5d6);font-size:13px;white-space:nowrap}.language-selector select{min-height:44px;max-width:110px;border:1px solid #bda17b45;border-radius:8px;background:#20231e;color:inherit;font:inherit;padding:6px 8px;cursor:pointer}.language-selector select:focus-visible{outline:2px solid #d4a579;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:650px){.header-actions{gap:8px}.language-selector{gap:3px}.language-selector>svg{display:none}.language-selector select{max-width:90px;padding:5px}.header-actions .account-link{font-size:12px;padding:8px}.header-actions .account-link svg{display:none}.header .brand small{font-size:7px}}@media(max-width:1200px){.header{min-height:94px;padding-block:14px;gap:10px 18px}.header,.header nav{height:auto;flex-wrap:wrap}.header nav{order:3;width:100%;gap:6px 24px}.header nav a{min-height:36px;display:inline-flex;align-items:center}.header-actions{margin-left:auto}}@media(max-width:650px){.header{gap:10px 8px}.header nav{gap:4px 18px}.header-actions{max-width:100%}.header .brand{gap:6px}.header .brand>svg{width:28px}.header-actions .account-link{min-height:44px}}.language-control{position:relative}.language-error{position:absolute;right:0;top:100%;z-index:30;width:240px;max-width:80vw;padding:10px;background:#20231e;color:#f3d8bc;border:1px solid #bda17b70;border-radius:8px;font-size:12px;white-space:normal}.language-selector select:disabled{cursor:wait;opacity:.7}.language-picker{position:relative;color:#eee5d6;font-size:13px}.language-picker>summary.language-selector{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 10px;list-style:none;border:1px solid #bda17b55;border-radius:9px;background:#20231e;cursor:pointer;white-space:nowrap;color:inherit;font:inherit}.language-picker>summary::-webkit-details-marker{display:none}.language-picker>summary::marker{content:""}.language-flag{display:block;width:24px!important;height:16px!important;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #ffffff24;flex:none}.language-options{position:absolute;top:calc(100% + 6px);right:0;z-index:200;min-width:175px;max-width:calc(100vw - 32px);padding:5px;background:#20231e;border:1px solid #bda17b66;box-shadow:0 12px 32px #0008;border-radius:12px}.language-options>button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;border:0;border-radius:7px;padding:8px 10px;background:transparent;color:#eee5d6;font:inherit;text-align:left;cursor:pointer;white-space:nowrap}.language-options>button span{flex:1}.language-options>button:hover,.language-options>button[aria-pressed=true]{background:#bda17b24}.language-options>button:focus-visible,.language-picker>summary:focus-visible{outline:2px solid #d4a579;outline-offset:2px}.language-options>button:disabled{cursor:wait;opacity:.65}.room-topline:has(.language-picker){overflow:visible;position:relative;z-index:20}.room-topline-actions:has(.language-picker){flex-wrap:wrap;gap:10px}.room-topline .language-control{flex-shrink:0}@media(max-width:650px){.language-picker>summary.language-selector{font-size:12px;padding:7px 8px;gap:6px}.language-selector>svg{display:block}.room-topline:has(.language-picker){flex-wrap:wrap;gap:10px}.room-topline-actions:has(.language-picker){margin-left:auto;max-width:100%}}.header-actions .language-options,.room-private .language-options{left:0;right:auto}.translation-spinner{animation:translation-spin 1s linear infinite}.language-error button{display:block;margin-top:6px;min-height:36px;background:transparent;color:inherit;border:0;text-decoration:underline;cursor:pointer;font:inherit}@keyframes translation-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.translation-spinner{animation:none}}