/* Uses the current nation's palette and the existing site's controls. */
.account-dialog{width:min(480px,calc(100vw - 28px))}.account-dialog .campaign-dialog-head{margin-bottom:24px}.account-dialog .campaign-dialog-head [data-auth=close]{flex:0 0 40px;width:40px;height:40px;min-width:40px;padding:0;border:0;background:transparent;color:var(--accent);font-size:27px;box-shadow:none}.account-dialog input{min-height:46px;font-size:16px}.account-dialog .site-action{min-height:42px}.account-dialog button:disabled{cursor:not-allowed}.account-dialog .campaign-field{font-size:12px}.account-wide{width:100%}.account-divider{display:flex;align-items:center;gap:12px;color:#9b8693;font-size:11px;margin:22px 0}.account-divider:before,.account-divider:after{content:'';height:1px;background:var(--line,#ded0d7);flex:1}.account-providers{display:flex;flex-wrap:wrap;gap:10px}.account-providers>.site-action{flex:1 1 150px;display:flex;align-items:center;justify-content:center;text-decoration:none}.account-unavailable{margin:10px 0 0!important}.account-footnote{margin:22px 0 0!important}.account-name-form{display:flex;align-items:end;gap:10px}.account-name-form .campaign-field{flex:1;margin-bottom:0}.account-name-form>.site-action{margin-bottom:0;min-height:46px}.account-section-title{font:22px/1.3 Georgia,serif;color:var(--ink);margin:28px 0 12px}.account-methods{border-top:1px solid var(--line,#ded0d7)}.account-method{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--line,#ded0d7);padding:17px 0}.account-method>div{min-width:0}.account-method strong{display:block;font-size:13px}.account-method>div>span{display:block;overflow-wrap:anywhere;color:#88707e;font-size:12px;margin-top:6px}.account-method .site-action{flex-shrink:0;max-width:150px;font-size:11px;padding:8px 10px}.account-method-note{font-size:11px;color:#88707e;text-align:right;flex:0 0 90px}.account-footer{display:flex;justify-content:flex-end;margin-top:24px;padding-top:18px;border-top:1px solid var(--line,#ded0d7)}.account-code{letter-spacing:.35em;font-size:24px!important;font-variant-numeric:tabular-nums}.account-delivery{overflow-wrap:anywhere}.account-code-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.account-code-actions>.site-action{flex:1 1 150px}.account-error{margin-top:18px;margin-bottom:0}.campaign-account>.button-row{justify-content:flex-end}.account-dialog [hidden]{display:none!important}
.account-field-hint{margin-top:-6px!important;margin-bottom:18px!important}.account-password-field{display:flex;align-items:stretch;gap:8px;width:100%;min-width:0}.account-password-field input{flex:1;min-width:0;width:0}.account-password-field .site-action{flex:0 0 auto;min-width:78px;min-height:46px;padding:6px 9px;font-size:11px}.account-recovery-code{display:block;box-sizing:border-box;width:100%;min-height:86px;resize:none;overflow-wrap:anywhere;word-break:break-all;font:18px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;color:var(--ink);background:var(--surface,#fff);border:1px solid var(--line,#ded0d7);padding:12px}.account-recovery-status:empty{display:none}.account-recovery-status{min-height:1.4em}.account-dialog .campaign-field>label{display:block}.account-dialog input[readonly]{color:var(--muted,#88707e)}
@media(max-width:480px){.account-dialog{padding:22px 18px}.account-name-form{align-items:stretch;flex-direction:column}.account-method{gap:10px}.account-method .site-action{max-width:125px}.campaign-account{gap:12px;align-items:flex-start}.campaign-account>.button-row{gap:6px}.campaign-account>.button-row .site-action{padding:7px 9px;font-size:11px}.account-password-field{gap:6px}.account-password-field .site-action{min-width:70px;padding-inline:7px}.account-recovery-code{font-size:16px}}

/* The account belongs to the player; the character portrait stays independent. */
.sidebar>.brand,.sidebar>.nav-group,.sidebar>.sidebar-bottom{flex-shrink:0}
.sidebar .sidebar-bottom{padding-top:20px;padding-inline:0;padding-bottom:env(safe-area-inset-bottom,0px)}
.sidebar-bottom>.sidebar-person{padding-inline:10px}
.sidebar-account{margin-top:17px;padding-top:15px;border-top:1px solid #ffffff24;color:#fff}
.sidebar-account-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.sidebar-account .sidebar-account-button{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:40px;margin:0;padding:8px 7px;border:1px solid #ffffff38;border-radius:3px;background:transparent;color:#fff;font:500 11px/1.3 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;text-decoration:none;overflow-wrap:anywhere;box-shadow:none}
.sidebar-account .sidebar-account-button.primary{background:#fff;color:var(--nav-bg);border-color:#fff;font-weight:700}
.sidebar-account .sidebar-account-button:hover:not(:disabled){background:#ffffff18;color:#fff;transform:none;box-shadow:none}
.sidebar-account .sidebar-account-button.primary:hover:not(:disabled){background:#ffffffe6;color:var(--nav-bg)}
.sidebar-account .sidebar-account-button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.sidebar-account .sidebar-account-button:disabled{opacity:.45;cursor:not-allowed}
.sidebar-account>[data-account-action=password-recover]{border:0;min-height:36px;padding:7px 4px;font-size:10px;color:#ffffffd9}
.sidebar-account-providers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.sidebar-account-providers .sidebar-account-button{font-size:10px;padding-inline:4px;min-height:36px}
.sidebar-account-identity{padding:0 3px 10px;min-width:0}
.sidebar-account-caption{display:block;margin-bottom:5px;color:#ffffffb8;font-size:9px;letter-spacing:1px;text-transform:uppercase}
.sidebar-account-identity strong{display:block;overflow-wrap:anywhere;font-size:12px;line-height:1.4}
@media(max-width:760px){.sidebar-account .sidebar-account-button{min-height:44px}.sidebar-account>[data-account-action=password-recover]{min-height:40px}.sidebar-account-providers .sidebar-account-button{min-height:40px}}