#open-account { text-align:left; cursor:pointer; font:inherit; color:inherit; }
#open-account:focus-visible { outline:2px solid #d8c49d; outline-offset:4px; }
#scene-account { width:100%; max-width:920px; margin-inline:auto; color:#eee8d8; }
.account-heading { text-align:center; margin-bottom:22px; }
.account-heading h2 { font:400 30px/1.6 'Pridi',serif; }
.account-heading p,.account-section>p,.account-local-note { color:#b9cabe; font-size:15px; line-height:1.9; }
#account-summary,.account-section { border:1px solid #d8c49d35; border-radius:18px; padding:24px; background:#17302ee6; }
.account-identity { display:flex; gap:20px; align-items:center; }
.account-identity img { width:86px; height:86px; }
.account-identity h3 { font:400 23px/1.7 'Pridi',serif; }
.account-identity span,#account-summary>p { color:#d8c49d; font-size:15px; }
#account-summary progress { display:block; width:100%; height:8px; margin:22px 0 12px; accent-color:#d8c49d; }
.account-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:22px; }
.account-stats strong,.account-stats span { display:block; }
.account-stats strong { font-size:22px; color:#e1cfaa; }
.account-stats span { font-size:14px; color:#b9cabe; }
.account-local-note { padding:0 6px; margin:16px 0 24px; }
.account-section { margin-bottom:24px; }
.account-section h3 { font:400 23px/1.6 'Pridi',serif; margin-bottom:10px; }
.account-section label { display:block; margin:22px 0 8px; font-size:16px; }
#account-level-range { width:100%; padding:12px; border:1px solid #d8c49d60; border-radius:10px; background:#102526; color:#eee8d8; font:inherit; }
#account-levels { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:18px; }
.account-level { display:grid; grid-template-columns:64px minmax(0,1fr); gap:10px 14px; align-items:center; padding:16px; border:1px solid #d8c49d25; border-radius:12px; }
.account-level.is-current { border-color:#d8c49d; background:#d8c49d0d; }
.account-level img { width:64px; height:64px; }
.account-level h4 { font-size:18px; color:#e1cfaa; }
.account-level p { font-size:15px; line-height:1.7; }
.account-level span { color:#b9cabe; font-size:14px; }
.account-level .account-level-status { grid-column:1/-1; color:#d8c49d; }
#account-history { list-style:none; padding:0; }
#account-history li { padding:16px 0; border-bottom:1px solid #d8c49d25; line-height:1.8; overflow-wrap:anywhere; }
#account-history li>span { display:block; color:#a8bfb2; font-size:14px; }
#account-history p { font-size:16px; }
@media(max-width:640px) { #account-summary,.account-section { padding:18px; } #account-levels { grid-template-columns:minmax(0,1fr); } .account-stats { grid-template-columns:repeat(2,minmax(0,1fr)); } .account-identity { gap:12px; } .account-identity img { width:64px; height:64px; } .account-identity h3 { font-size:19px; } }

#account-summary progress { appearance:none; border:0; border-radius:8px; overflow:hidden; background:#304d44; }
#account-summary progress::-webkit-progress-bar { background:#304d44; }
#account-summary progress::-webkit-progress-value { background:#d8c49d; border-radius:8px; }
#account-summary progress::-moz-progress-bar { background:#d8c49d; }