.account-menu{position:fixed;left:70px;top:56px;bottom:18px;width:290px;background:#131516;border:1px solid #303638;border-radius:10px;z-index:15;box-shadow:0 18px 60px #0009;padding:16px;overflow-y:auto;direction:rtl}.account-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.account-avatar{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:#292e32;color:#8d999f;font-size:24px}.account-head b{font-size:14px}.account-status{display:flex;align-items:center;gap:5px;width:max-content;background:#212729;border-radius:20px;padding:3px 8px;margin-top:5px;color:#94b4a1;font-size:10px}.account-status i{width:7px;height:7px;border-radius:50%;background:#79ce97}.account-close{margin-right:auto;align-self:flex-start;background:none;border:0;font-size:26px;color:#99a7ae;padding:0 3px}.account-wallet{display:grid;grid-template-columns:1fr 1fr;gap:8px}.account-wallet button{background:#212527;border:1px solid #282e31;border-radius:8px;padding:11px;color:#d6e7f0;display:flex;flex-direction:column;align-items:center;gap:5px}.account-wallet strong{color:#80ceff;font-size:21px}.account-wallet b{font:700 17px Vazirmatn,Tahoma}.account-wallet span{font-size:10px;color:#8ea5b2}.account-view{width:100%;border:1px solid #80ceff;border-radius:4px;background:none;color:#80ceff;padding:8px;margin-top:15px;font-weight:700;font-size:12px}.account-view:hover{background:#80ceff15}.account-divider{border-top:1px solid #292f32;margin:15px 0}.account-links>button{display:flex;align-items:center;gap:13px;width:100%;background:none;border:0;padding:13px 7px;text-align:right;color:#acb9c1;font-size:12px;border-radius:5px}.account-links>button:hover{background:#80ceff0e;color:#bce6ff}.account-links>button span{width:23px;text-align:center;font-size:21px;color:#97a8b2}.account-teams{padding:8px 7px;color:#9bacb6}.account-teams small{font-size:10px}.account-teams p{font-size:10px;color:#657c89;line-height:1.8}.account-logout{border-top:1px solid #292f32!important;border-radius:0!important;margin-top:8px}.sidebar-hidden .account-menu{top:14px}@media(max-width:720px){.account-menu{left:14px;top:70px;bottom:14px;width:min(310px,calc(100vw - 28px))}.rail{display:flex;position:fixed;left:10px;top:auto;bottom:15px;width:46px;padding:4px;background:#17222d;border:1px solid #3b5264;border-radius:50%;z-index:9}.rail button:not(.user){display:none}.rail .user{width:36px;height:36px}.sidebar-hidden .rail{top:auto}}

.avatar,.account-avatar,.rail .user,.friend-avatar,.party-slot-avatar,.lobby-avatar{border-radius:50%!important;overflow:hidden;aspect-ratio:1/1}
/* Flat account menu shared with the rest of the platform. */
.account-menu{background:#111314;border-color:#2b3034;border-radius:6px;padding:16px;box-shadow:0 15px 45px #0008}.account-head{gap:10px}.account-head b{font-size:13px;font-weight:700}.account-status{border-radius:20px;background:#202426;font-size:9px;color:#869e8e}.account-close{font-size:25px;color:#8e979e}.account-wallet{gap:8px}.account-wallet button{background:#1e2022;border:1px solid #262a2d;border-radius:6px;padding:10px}.account-wallet strong{color:#80ceff;font-size:19px}.account-wallet b{font-size:16px}.account-wallet span{font-size:9px;color:#7a8e9b}.account-view{border-radius:4px;border-color:#608ca9;font-size:11px;padding:8px;color:#a3d6f7}.account-view:hover{border-color:#80ceff;background:#80ceff08}.account-divider{border-color:#282d31;margin:16px 0}.account-links>button{font-size:12px;padding:13px 7px;gap:12px;color:#9caab4;border-radius:4px}.account-links>button:hover{background:#1e2327;color:#d3e4ef}.account-links>button span{color:#8b99a3;font-size:20px}.account-teams{padding:7px}.account-teams small{font-size:9px;color:#7d94a5}.account-teams p{font-size:9px;color:#57758b}.account-logout{border-color:#282d31!important}.account-menu .account-avatar{background:#252b30}.account-menu .account-close:hover{color:#d2e9f8}
/* Compact account popover with consistent controls and spacing. */
.account-menu{bottom:auto;max-height:calc(100dvh - 32px);padding:18px;width:290px;border-radius:12px;background:#11171c;border-color:#303b44;box-shadow:0 16px 48px #0009;font-family:Vazirmatn,Tahoma,sans-serif}
.account-head{margin-bottom:18px;gap:12px}
.account-avatar{flex:0 0 47px}
.account-head>div:nth-child(2){min-width:0}
.account-head b{display:block;overflow-wrap:anywhere;color:#e7eff5}
.account-close{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;font:22px/1 Arial;padding:0}
.account-close:hover{background:#26313a}
.account-wallet button{padding:13px 10px;gap:7px;background:#19232c;border-color:#2b3a46;border-radius:8px}
.account-wallet button:hover{border-color:#608ca9;background:#20303c}
.account-wallet strong{display:flex;width:22px;height:22px}
.account-menu svg{display:block;width:100%;height:100%}
.account-wallet b{font:700 17px/1.2 Arial,sans-serif}
.account-wallet span{font-size:10px;color:#9cabb6}
.account-view{margin-top:12px;padding:10px;border-radius:7px;background:#80ceff0a}
.account-divider{margin:14px 0;border-color:#29353f}
.account-links>button{min-height:44px;padding:10px;gap:11px;border-radius:7px;color:#b9c8d3}
.account-links>button>span{width:20px;height:20px;flex:0 0 20px;color:#91a8b9}
.account-links>button:hover{background:#20303c;color:#e2f2fc}
.account-teams{padding:11px 12px;border:1px solid #283640;border-radius:8px;background:#0d141a}
.account-teams small{font-size:10px;color:#a0b3c1}
.account-teams p{font-size:10px;line-height:1.8;margin:7px 0 0;color:#748d9f}
.account-links>.account-logout{margin-top:0;border:0!important;border-radius:7px!important;color:#e7a6a6}
.account-links>.account-logout>span{color:inherit}
.account-links>.account-logout:hover{background:#d86e6e12;color:#ffbbbb}
.account-menu button:focus-visible{outline:2px solid #80ceff;outline-offset:2px}
@media(max-width:720px){.account-menu,.sidebar-hidden .account-menu{top:14px;bottom:auto;max-height:calc(100dvh - 28px)}}

#accountMenu .account-status{direction:ltr;text-align:left;margin-left:auto;margin-right:0}

#accountMenu .account-wallet .rlf-point-icon{width:28px;height:28px;display:block;color:#80ceff}#accountMenu .account-wallet [data-account=shop]>span{font-family:Arial,sans-serif;font-weight:800;letter-spacing:.2px}
#accountMenu .account-wallet [data-account=shop]{position:relative}
#accountMenu .account-wallet [data-account=shop] strong{position:relative;overflow:visible}
#accountMenu .rlf-point-hint{position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%,-3px);z-index:5;white-space:nowrap;padding:5px 9px;border:1px solid #3c5260;border-radius:5px;background:#0c141b;color:#d8efff;font:700 11px/1.4 Arial,sans-serif;box-shadow:0 4px 12px #0006;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .15s,visibility .15s}
#accountMenu [data-account=shop]:hover .rlf-point-hint,#accountMenu [data-account=shop]:focus-visible .rlf-point-hint{opacity:1;visibility:visible;transform:translate(-50%,0)}
#accountMenu .rlf-point-hint{position:fixed;transform:none;z-index:50;transition:opacity .12s,visibility .12s}
#accountMenu [data-account=shop]:hover .rlf-point-hint,#accountMenu [data-account=shop]:focus-visible .rlf-point-hint{transform:none}

#accountMenu .account-wallet .rlf-credit-icon{width:28px;height:28px;display:block;color:#80ceff}
/* Preserve the compact presence layout while improving contrast and type clarity. */
#accountMenu .account-status{font-family:Arial,sans-serif!important;font-weight:700;font-size:10px;line-height:1.4;color:#b0c6b8;background:#202a24;-webkit-text-stroke:0;text-shadow:none}
#accountMenu .account-status i{background:#79d49c;box-shadow:0 0 0 1px #79d49c18;flex-shrink:0}
#accountMenu .account-wallet .rlf-credit-icon{color:#80ceff}

#accountMenu .account-status{position:relative;left:6px}