#account-dialog{background:#f2efe5;color:#183f34;width:min(560px,calc(100vw - 28px));max-height:90dvh;padding:30px;border:1px solid #183f342e;border-radius:12px;overflow:auto}#account-dialog::backdrop{background:#071d16aa}#account-dialog h2{font-size:30px;letter-spacing:-1px;margin:18px 0}#account-dialog p{line-height:1.8;color:#5f6d66;font-size:14px}.account-head{display:flex;align-items:center;justify-content:space-between}.account-head button{border:0;background:transparent;font-size:24px;color:#183f34;padding:8px}#account-tabs{display:flex;gap:24px;margin:24px 0 18px;border-bottom:1px solid #183f342e}#account-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:0 0 12px;color:#5f6d66}#account-tabs button[aria-pressed=true]{border-color:#e76532;color:#183f34}#account-form{border-top:2px solid #183f34;padding-top:20px}#account-form label{display:block;margin:12px 0;font-size:13px}#account-form input{display:block;width:100%;padding:13px;margin-top:7px;border:1px solid #183f3455;border-radius:5px;background:#fbf8ee;color:#183f34;font:inherit}#account-submit,#account-logout{padding:13px 20px;background:#183f34;color:#fbf8ee;border:0;border-radius:5px}#account-dialog [hidden]{display:none!important}#account-status{min-height:24px}#cloud-status{font-size:12px;color:var(--muted)}#cloud-reload{margin-left:8px}.cloud-bar{padding:7px 0;border-bottom:1px solid var(--line)}@media(max-width:520px){.game-page .topbar nav{gap:8px}.game-page .topbar .outline-button{padding:8px}.game-page .brand{font-size:16px}.game-page .brand .brand-logo{width:26px;height:26px;flex-basis:26px}.game-page .topbar nav>*{font-size:11px}#account-dialog{padding:22px}}

.auth-locked{display:block!important;min-height:100dvh;background:#123b32}.auth-locked #account-dialog{margin:auto;border:0;width:min(440px,calc(100vw - 28px));padding:28px;border-radius:22px}.auth-locked #account-dialog::backdrop{background:#123b32}.login-logo{display:block;width:88px;height:88px;object-fit:cover;border-radius:50%;margin:22px auto 10px}#account-title{text-align:center}#account-button{display:inline-flex;align-items:center;gap:7px;max-width:180px}#account-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}#profile-form{display:grid;gap:12px;margin:20px 0}#profile-form input{width:100%;padding:12px;font:inherit;border:1px solid #183f3455;border-radius:8px}#profile-form button,#account-retry{padding:12px;border-radius:8px;border:0;background:#183f34;color:white;font:inherit}#account-submit{width:100%;font-size:17px}#account-tabs button{font-size:16px}#account-form label{font-size:16px}#account-form input{font-size:16px}@media(max-width:520px){#account-button{max-width:108px}.account-avatar{width:28px;height:28px}.auth-locked #account-dialog{padding:22px}}

/* Keep navigation labels on one line; only the nickname may shrink. */
.game-page .topbar nav{min-width:0;flex:1;justify-content:flex-end}
.game-page .topbar nav>*{flex:0 0 auto;white-space:nowrap}
.game-page .topbar #account-button{flex:0 1 auto;min-width:0}
#account-button span{min-width:0}
.game-page .topbar .brand{flex-shrink:0}
@media(max-width:520px){
 .game-page .topbar .brand>span{display:none}
 .game-page .topbar{gap:8px}
 .game-page .topbar nav{gap:8px}
 .game-page .topbar #account-button{max-width:108px}
}
.auth-locked #account-dialog{max-height:calc(100dvh - 24px);padding:22px}
.auth-locked .login-logo{width:56px;height:56px;margin:12px auto 8px}
.auth-locked #account-title{font-size:26px;margin:8px 0}
.auth-locked #account-tabs{margin:14px 0 8px}
.auth-locked #account-tabs button{padding-bottom:8px}
.auth-locked #account-form{border-top:0;padding-top:0}
.auth-locked #account-form label{margin:8px 0}
.auth-locked #account-form input{margin-top:5px;padding:10px}
.auth-locked #account-status:empty{display:none}
.auth-locked #account-submit{margin-top:6px}

#account-startup-help[hidden]{display:none!important}
#account-submit:disabled{opacity:.6}