.cloud-account-bar { position:absolute; top:16px; right:20px; z-index:50; display:flex; align-items:flex-start; gap:10px; max-width:calc(100% - 24px); color:#dce8fa; font-size:12px; }
.cloud-account-bar .recharge-panel { position:relative; top:auto; right:auto; margin:0; min-height:62px; box-sizing:border-box; }
.cloud-account-bar [hidden] { display:none !important; }
.account-menu { position:relative; text-align:left; }
.account-menu summary { display:flex; align-items:center; gap:8px; min-height:62px; box-sizing:border-box; padding:8px 12px; border:1px solid #ffffff20; border-radius:12px; background:#111b2ded; cursor:pointer; list-style:none; }
.account-menu summary::-webkit-details-marker { display:none; }
.account-menu summary:focus-visible { outline:2px solid #9bc6ff; outline-offset:3px; }
.account-menu summary:hover { background:#20314a; }
.account-avatar { display:grid; place-items:center; width:34px; height:34px; flex:none; border-radius:50%; background:#324a6d; font-size:20px; overflow:hidden; }
.account-avatar img { width:100%; height:100%; object-fit:cover; }
.account-menu-label { font-weight:650; }
.account-save-dot { width:7px; height:7px; border-radius:50%; background:#9eaec6; flex:none; }
.account-save-dot[data-state="saved"] { background:#72dfa8; }
.account-save-dot[data-state="error"] { background:#ffc46c; }
.account-menu-panel { position:absolute; right:0; top:calc(100% + 8px); width:290px; max-width:calc(100vw - 24px); box-sizing:border-box; max-height:calc(100dvh - 100px); overflow:auto; padding:18px; border:1px solid #435778; border-radius:14px; background:#101b2df7; box-shadow:0 14px 40px #0008; }
.account-menu-panel p { margin:0 0 8px; overflow-wrap:anywhere; font-size:12px; }
.account-menu-panel .account-name { color:#edf3ff; font-size:16px; font-weight:700; }
#cloud-account { color:#b6c9e5; }
#cloud-status { padding-bottom:12px; margin-bottom:10px; border-bottom:1px solid #ffffff16; color:#a9ddc2; line-height:1.6; }
.account-menu-panel button,.account-menu-panel a { display:block; width:100%; box-sizing:border-box; text-align:left; margin:4px 0; padding:11px 12px; border-radius:8px; font-size:13px; }
.account-menu-panel a { color:#d0def5; text-decoration:none; }
.account-menu-panel a:hover { background:#ffffff0b; }
.account-menu-panel .account-signout { margin-top:10px; background:#ffffff08; color:#e0e8f7; border-color:#ffffff20; }
#cloud-load-online { background:#c88729; color:#111; }
#account-recovery { padding-bottom:10px; }
#game-main[inert] { opacity:.45; }
body > #game-main { padding-top:112px; }
@media(max-width:760px) {
  .cloud-account-bar { top:10px; right:12px; gap:6px; }
  .cloud-account-bar .recharge-panel { gap:10px; padding:8px 10px; }
  .account-menu summary { padding:8px; }
  .account-menu-label { display:none; }
  body > #game-main { padding-top:110px; }
}
@media(max-width:380px) { .cloud-account-bar .recharge-panel { gap:7px; } .account-menu summary { gap:5px; } }