#accountDialog{color:#edf4ea;background:linear-gradient(145deg,#17271e,#08110d);border:1px solid #a98a43;border-radius:22px;padding:0;width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-shadow:0 24px 100px #000a;margin:auto;overflow:auto}
#accountDialog::backdrop{background:#030805cf;backdrop-filter:blur(8px)}
#accountContent{padding:clamp(24px,5vw,40px);font-size:16px;line-height:1.5}
#accountContent h2{font-size:clamp(26px,5vw,34px);line-height:1.15;color:#f3dfa2;margin:6px 0 18px;overflow-wrap:anywhere}
#accountContent p{color:#c0cebf}#accountContent .eyebrow{color:#d9bb70;font-size:13px;letter-spacing:.14em}
.account-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 8px}.account-actions button{flex:1;min-height:48px;font-size:16px}
.account-link{display:block;background:none;border:0;color:#e7cf92;text-decoration:underline;font-size:16px;padding:14px 0;cursor:pointer}
#accountForm{display:grid;gap:8px}#accountForm label{margin-top:10px;color:#edf4ea;font-size:16px}#accountForm input{width:100%;box-sizing:border-box;background:#070e0a;border:1px solid #52634e;border-radius:10px;padding:12px;color:#fff;font:inherit;min-height:48px}#accountForm input:focus{outline:2px solid #d9bb70;outline-offset:2px}#accountForm small{color:#abbca7;font-size:14px}#accountContent #accountError{color:#ffa9a9;margin:4px 0;min-height:20px}#accountForm button{min-height:48px;font-size:16px}#accountContent button:disabled{opacity:.55;cursor:wait}
.account-score{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.account-score>div{display:grid;text-align:center;padding:18px;background:#213323;border-radius:12px}.account-score strong{font-size:40px;color:#e5d092}.account-score span{font-size:16px}
.account-factions{display:grid;gap:10px}.account-factions>div,.account-details>div{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #ffffff20;padding:12px 0}.account-factions strong{color:#e2c889;font-size:14px}.account-details{margin:18px 0}.account-details dd{margin:0;text-align:right;max-width:55%;overflow-wrap:anywhere;color:#e2c889}.account-footnote{font-size:14px}#accountNotice{padding:12px 20px;color:#f2dfab;background:#26331e;font-size:14px}#accountBtn{max-width:190px;white-space:normal}#playerNameInput[readonly]{color:#e4d396}
@media(max-width:480px){.account-actions{flex-direction:column}.account-details>div{align-items:flex-start}#accountContent{padding:24px}.account-score strong{font-size:32px}}

#menuAccountBtn{grid-column:1/-1;justify-self:end;font-size:14px;min-height:42px;margin-bottom:8px}

body:has(#accountDialog[open]){overflow:hidden}