[data-account]{display:flex;align-items:center;min-width:0}.menu-account{align-self:flex-end}.lobby-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.lobby-top{flex-wrap:wrap;gap:12px}.account-trigger{display:inline-flex;align-items:center;gap:8px;max-width:220px;padding:9px 12px;border:1px solid #ffffff30;border-radius:6px;background:#15191ce6;color:#ecf0f2;font:600 13px/20px Segoe UI,sans-serif;cursor:pointer;letter-spacing:0}.account-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-trigger svg{flex:0 0 18px}.account-dialog{box-sizing:border-box;width:min(420px,calc(100% - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:22px;border:1px solid #596064;border-radius:8px;background:#15191c;color:#ecf0f2;box-shadow:0 18px 64px #0009;overflow:auto;font:14px/1.5 Segoe UI,sans-serif;letter-spacing:0;text-align:left}.account-dialog::backdrop{background:#0009}.account-dialog *,.account-dialog *:before,.account-dialog *:after{box-sizing:border-box;letter-spacing:0}.account-dialog [hidden]{display:none!important}.account-dialog button{font:600 14px/20px Segoe UI,sans-serif;cursor:pointer;border-radius:6px;transition:background .15s;transform:none;box-shadow:none;text-transform:none}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.account-heading h2{margin:0;font:700 22px/30px Segoe UI,sans-serif;color:#f0f3f4}.account-dialog .account-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:0;background:transparent;color:#b9c5ca}.account-dialog .account-icon:hover{background:#ffffff12;color:#fff}.account-tabs{display:flex;gap:20px;border-bottom:1px solid #ffffff25;margin-bottom:16px}.account-tabs button{padding:8px 2px;background:none;border:0;border-bottom:2px solid transparent;border-radius:0;color:#aab5bb}.account-tabs button[aria-selected=true]{border-bottom-color:#70d4a5;color:#9ce6c3}.account-fields{display:grid;gap:12px}.account-field{display:grid;gap:5px;margin:0;font:500 12px/18px Segoe UI,sans-serif;color:#bdc8ce}.account-dialog input{min-width:0;width:100%;height:42px;margin:0;padding:9px 11px;border:1px solid #4b5459;border-radius:5px;background:#0d1012;color:#fff;font:400 16px/22px Segoe UI,sans-serif;text-transform:none}.account-dialog input:focus{outline:2px solid #70d4a555;outline-offset:1px;border-color:#70d4a5;box-shadow:none}.account-dialog input::placeholder{color:#87959c;font-size:13px}.account-code-row{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:8px}.account-password{position:relative;display:block}.account-password input{padding-right:44px}.account-password .account-icon{position:absolute;right:3px;top:3px}.account-dialog .account-primary{display:block;width:100%;min-height:44px;padding:10px 14px;border:1px solid #79d7aa;background:#78d5a9;color:#11291e}.account-dialog .account-primary:hover{background:#9ae4c0}.account-dialog .account-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 10px;border:1px solid #59646a;background:#252d31;color:#ecf0f2;white-space:nowrap}.account-dialog .account-secondary:hover{background:#354046}.account-dialog .account-link{display:block;margin:10px auto 0;padding:6px 10px;border:0;background:transparent;color:#9cbfda}.account-message{min-height:20px;margin:12px 0;color:#9ce6c3;font:400 12px/20px Segoe UI,sans-serif;overflow-wrap:anywhere}.account-message.error,.account-profile-message{color:#ffafa4}.account-requirement{margin:0 0 14px;color:#aebdc5;font:400 12px/1.6 Segoe UI,sans-serif}[data-auth-notice]{margin:8px 0 12px;color:#aac5be;font:400 12px/1.6 Segoe UI,sans-serif;letter-spacing:0}.menu [data-auth-notice]{color:#506c62}.account-profile a{text-decoration:none}.account-dialog button:disabled{opacity:.55;cursor:wait}.account-profile{display:flex;flex-wrap:wrap;gap:12px}.account-profile p{width:100%;margin:0;overflow-wrap:anywhere}.account-profile-name{color:#9ce6c3;font-size:18px;font-weight:700}.account-profile-email{color:#bdc8ce;padding-bottom:12px}@media(orientation:landscape)and (max-height:520px){.account-dialog{width:min(620px,calc(100% - 24px));padding:12px 20px}.account-heading{margin-bottom:0}.account-tabs{margin-bottom:6px}.account-tabs button{padding-top:4px;padding-bottom:4px}.account-dialog input{height:34px;padding-top:5px;padding-bottom:5px}.account-field{gap:3px;line-height:16px}.account-password .account-icon{height:28px}.account-dialog .account-secondary{min-height:34px;padding-top:5px;padding-bottom:5px}.account-dialog .account-primary{min-height:38px;padding-top:8px;padding-bottom:8px}.account-dialog[data-mode=register] .account-fields,.account-dialog[data-mode=reset] .account-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.account-dialog[data-mode=register] .account-code-field{grid-column:1 / -1}.account-message{margin:4px 0}}