/* İyilik Hamlesi · Profile overlay uses the game's jade/gold visual identity. */
.account-dialog{box-sizing:border-box;width:min(660px,calc(100vw - 32px));max-width:660px;height:min(88vh,920px);height:min(88dvh,920px);max-height:min(88dvh,920px);border:1px solid #d4dcd2;padding:0;background:#fffdf7;color:#233c38;border-radius:24px;box-shadow:0 24px 90px #132b2559;overflow:hidden;overscroll-behavior:contain}
.account-dialog:not([open]){display:none}
.account-dialog::backdrop{background:rgba(19,37,34,.60);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.account-dialog-shell{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;isolation:isolate}
.account-dialog-top{position:relative;display:flex;flex:0 0 auto;justify-content:space-between;align-items:center;gap:15px;background:#fffdf7;border-bottom:1px solid #dbe4d8;padding:17px 24px;z-index:2}
.account-kicker{margin:0 0 2px;font-size:10px;letter-spacing:.16em;font-weight:800;color:#397268}
#account-dialog-title{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:29px;line-height:1.14;margin:0;color:#193e36}
.account-dialog button{font-family:inherit;cursor:pointer}
.account-dialog button:disabled{opacity:.6;cursor:wait}
.account-dialog-close{flex:0 0 38px;width:38px;height:38px;border-radius:12px;border:1px solid #d5dfd5;background:#f3f6ef;color:#385f54;font-size:24px;line-height:1}
.account-dialog-close:hover{background:#e5efe6}
.account-dialog-content{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;position:relative;z-index:0;isolation:isolate;contain:paint;padding:22px 24px 26px}
.account-dialog-loading{padding:30px 4px;color:#6f7e77;text-align:center}
.account-dialog-notice{flex:0 0 auto;margin:15px 24px 0;border:1px solid #b6d1bb;background:#eaf6e7;color:#225b4e;padding:11px 13px;border-radius:12px;font-size:13px;line-height:1.5}
.account-dialog-notice.error{background:#fff0e9;border-color:#dfa99f;color:#9a3e34}
.account-profile-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;min-height:205px;padding:24px;background:linear-gradient(125deg,#19473c 4%,#276b5c 72%,#377c69 100%);border-radius:18px;color:#fffcf1;position:relative;overflow:hidden}
.account-profile-head::after{content:"";position:absolute;right:-55px;top:-70px;width:225px;height:225px;border:1px solid #e4c77f40;border-radius:50%;box-shadow:0 0 0 27px #e4c77f0a,0 0 0 55px #e4c77f10;pointer-events:none}
.account-profile-head>*{position:relative;z-index:1}
.account-profile-intro{display:grid;justify-items:center;gap:2px;min-width:0;max-width:100%}
.account-portrait{width:112px;height:112px;flex:0 0 112px;border-radius:23px;border:4px solid #f1d89e;box-shadow:0 7px 23px #132d2952;background:#ecede9;display:grid;place-items:center;overflow:hidden}
.account-portrait .avatar-art{width:100%;height:100%;border-radius:17px}
.account-portrait-fallback{display:none;font-size:12px;font-weight:700;text-align:center;color:#4f615a}
.account-portrait.image-unavailable img{display:none}
.account-portrait.image-unavailable .account-portrait-fallback{display:block;padding:10px}
.account-profile-eyebrow{color:#d8ecd6;letter-spacing:.12em;font-size:10px;font-weight:800;text-transform:uppercase;margin:0 0 5px}
.account-profile-username{font-family:Georgia,'Times New Roman',serif;font-size:clamp(22px,4.6vw,32px);line-height:1.13;overflow-wrap:anywhere;margin:0 0 10px;color:#fffdf7}
.account-profile-title{font-weight:650;font-size:13px;color:#fff9e8;display:inline-block;background:#ffffff1c;border:1px solid #ffffff3b;padding:6px 11px;border-radius:999px;max-width:100%}
.account-exp-card{margin-top:16px;padding:18px 20px 20px;background:#f6f0e3;border:1px solid #e6d7b9;border-radius:17px}
.account-exp-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;font-size:13px}
.account-exp-heading strong{font-size:18px;color:#225c4f}
.account-exp-label{font-size:11px;font-weight:800;letter-spacing:.10em;color:#876b35;text-transform:uppercase}
.account-level-progress{height:12px;border-radius:20px;background:#e0d7bf;overflow:hidden;border:1px solid #d1c8b3}
.account-level-progress>div{height:100%;background:linear-gradient(90deg,#b69242,#dfc16e);border-radius:inherit;transition:width .2s ease-out}
.account-exp-foot{display:flex;justify-content:space-between;gap:8px;color:#756948;font-size:12px;margin-top:10px;flex-wrap:wrap}
.account-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:16px}
.account-stat{border-radius:14px;padding:15px 9px;background:#f1f7ef;border:1px solid #d9e5d6;text-align:center;min-width:0}
.account-stat:nth-child(2){background:#f9f2e2;border-color:#ecdfc4}
.account-stat:nth-child(3){background:#edf3f8;border-color:#dbe5ed}
.account-stat:nth-child(4){background:#f5f0f7;border-color:#e6dfea}
.account-stat strong{font-size:clamp(18px,3.5vw,25px);display:block;line-height:1.3;color:#254b42;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.account-stat span{display:block;font-size:11px;color:#586d62;margin-top:5px;font-weight:670}
.account-account-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.account-modal-button{border:1px solid #b8d2c0;border-radius:11px;background:#f8fbf7;color:#235f54;font-size:13px;font-weight:750;padding:11px 15px;min-height:44px;flex:1}
.account-modal-button:hover{background:#e8f1e8}
.account-modal-button.primary{background:#235f54;color:white;border-color:#235f54}
.account-modal-button.primary:hover{background:#18493f}
.account-subsection{margin-top:17px;padding:17px 16px 20px;border:1px solid #d9e2d6;border-radius:15px;background:#fbfcf9}
.account-subsection h3{font-size:16px;margin:0 0 12px}
.account-avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.account-avatar-choice{padding:6px;border:2px solid #d7e3d9;border-radius:14px;background:#fff;min-width:0;aspect-ratio:1;overflow:hidden;display:grid;place-items:center}
.account-avatar-choice:hover{border-color:#90b1a1}
.account-avatar-choice[aria-pressed=true]{border-color:#ba9343;background:#fff9e8;box-shadow:0 0 0 2px #cfb36a33}
.account-avatar-choice .avatar-art{display:block;width:100%;aspect-ratio:1;border-radius:9px}
.account-history-list{display:grid;gap:8px}
.account-history-entry{padding:11px 13px;border:1px solid #dce7da;border-radius:10px;display:flex;justify-content:space-between;gap:10px;align-items:center;background:#fff}
.account-history-entry strong{font-size:13px}
.account-history-entry small{display:block;color:#738178;font-size:11px}
.account-history-entry .account-history-exp{color:#2b7765;font-weight:760;white-space:nowrap;font-size:13px}
.account-empty-history{font-size:13px;color:#617b6e;line-height:1.65}
.account-modal-footer{border-top:1px solid #e1e6dc;margin-top:22px;padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.account-modal-footer .account-mail-note{color:#63756c;font-size:12px;overflow-wrap:anywhere;min-width:0}
.account-modal-signout{background:transparent;border:1px solid #d0d9cd;padding:9px 12px;border-radius:11px;color:#415f54;font-size:12px;font-weight:760;white-space:nowrap}
.account-modal-signout:hover{background:#f1f3ed}
@media(max-width:560px){
 .account-dialog{width:calc(100vw - 20px);height:92dvh;max-height:92dvh;border-radius:19px}
 .account-dialog-top{padding:14px 17px}
 .account-dialog-content{padding:16px}
 .account-profile-head{padding:16px;gap:12px;min-height:120px}
 .account-portrait{width:85px;height:85px;flex-basis:85px;border-radius:17px}
 .account-profile-title{font-size:11px;padding:4px 9px}
 .account-stat-grid{gap:6px}
 .account-stat{padding:12px 5px}
 .account-stat span{font-size:10px}
 .account-exp-card{padding:14px}
 .account-modal-footer{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.account-level-progress>div{transition:none}}


/* Square, high-resolution PNG portraits scale within their containers. */
.account-portrait .avatar-art,.account-avatar-choice .avatar-art{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1;border-radius:inherit;background:#e9eaeb;image-rendering:auto}