.account{max-width:520px;margin-top:28px;padding-top:18px;border-top:1px solid #c3c8b540}
.account-modes{display:flex;gap:8px;margin-bottom:15px}
.account-modes button{padding:10px 14px;background:#17221a;color:#e7dec8;border-color:#c2b28966}
.account-modes button[aria-pressed="true"]{background:#d8b875;color:#182016}
#account-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end}
#account-form label{display:grid;gap:6px;color:#c5ccbf;font-size:12px}
#account-form input{width:100%;min-width:0;padding:11px 12px;border:1px solid #b4ad9866;border-radius:3px;background:#0c140f;color:#f5f2e7;font:500 14px Manrope,system-ui,sans-serif}
#account-form input:focus{outline:2px solid #a6ded8;outline-offset:2px}
#account-form button{grid-column:1/-1;justify-self:start;padding:13px 22px}
#account-form button:disabled{cursor:wait;opacity:.65}
#account-status{min-height:20px;margin:12px 0 0;color:#b9c4b4;font-size:12px;line-height:1.6}
#entry-actions{margin-top:20px}
#entry-actions[hidden],#account-form[hidden]{display:none}
#account-details label{display:grid;gap:6px;margin:12px 0;color:#c5ccbf;font-size:13px}
#account-details input,#account-details select{padding:10px;background:#0c140f;color:#f5f2e7;border:1px solid #b4ad9866;border-radius:3px}
#account-details button{padding:10px 14px}
#account-details p,#character-list,#server-messages{font-size:13px;line-height:1.6;color:#c5ccbf}
#server-messages{color:#d8b875}
#server-picker{margin-top:18px;border-top:1px solid #c3c8b540;padding-top:12px}
#server-picker h3{font-size:14px;color:var(--gold);margin:0 0 8px}
.server-hint{font-size:11px;color:var(--muted);line-height:1.6}
.server-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.server-list button{position:relative;display:flex;align-items:center;gap:10px;padding:10px 14px;text-align:left;background:#17221a;color:#e7dec8;border-color:#c2b28966;transform:none}
.server-list button[aria-pressed="true"]{border-color:var(--gold);background:#35402a}
.server-diamond{font-size:24px;color:var(--gold);line-height:1}
.server-tooltip{position:absolute;left:0;bottom:calc(100% + 8px);z-index:5;display:none;width:min(320px,75vw);padding:12px;background:#0c140f;border:1px solid var(--gold);border-radius:4px;color:#f5f2e7;font:500 12px/1.6 Manrope,system-ui,sans-serif;white-space:pre-line;overflow-wrap:anywhere;pointer-events:none}
.server-list button:nth-child(even) .server-tooltip{left:auto;right:0}
.server-list button:hover .server-tooltip,.server-list button:focus-visible .server-tooltip{display:block}
@media(max-width:560px){#account-form{grid-template-columns:1fr}.account-modes button{padding:9px 11px}#account-form button{grid-column:auto}}