/* Compact account control lives in document flow, never floats over progress cards. */
.cloud-auth-bar { box-sizing:border-box; padding:9px max(18px,calc((100vw - 1170px)/2)); min-height:53px; display:flex; align-items:center; justify-content:flex-end; direction:rtl; background:#fbf8f2; border-bottom:1px solid #e8dfd3; }
.cloud-account-button { max-width:min(82vw,360px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:#fff; border:1px solid #d8cabb; border-radius:999px; color:#15322c; font:700 13px Rubik,system-ui,sans-serif; padding:9px 17px; cursor:pointer; direction:rtl; }
.cloud-account-button:hover,.cloud-account-button:focus-visible {border-color:#b95036;outline-offset:3px;}
.games-topbar #cloudAuthMount {min-width:0;margin-inline-start:auto;}
.cloud-modal-wrap[hidden]{display:none}
.cloud-modal-wrap{position:fixed;z-index:100000;inset:0;background:#10251eca;display:flex;align-items:center;justify-content:center;padding:18px;direction:rtl;box-sizing:border-box;overflow:auto;}
.cloud-modal{position:relative;width:min(100%,450px);background:#fcfaf6;color:#132a24;border-radius:23px;padding:28px;box-sizing:border-box;box-shadow:0 22px 80px #07171070;text-align:right;font:400 15px Rubik,system-ui,sans-serif;}
.cloud-close{position:absolute;left:17px;top:16px;background:transparent;border:0;font-size:20px;color:#425450;cursor:pointer;}
.cloud-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;}
.cloud-header img{width:64px;height:55px;object-fit:contain;}
.cloud-header small{font-size:12px;color:#b65038;font-weight:700;}
.cloud-header h2{font-family:Rubik,system-ui,sans-serif;font-size:24px;margin:2px 0;}
.cloud-help,.cloud-status,.cloud-email{line-height:1.7;margin:0 0 15px;text-align:right;}
.cloud-help{color:#5d6b66}.cloud-status{color:#167653;font-weight:700}.cloud-email{direction:ltr;text-align:right;overflow-wrap:anywhere;}
.cloud-modal form{display:flex;flex-direction:column;gap:13px;}
.cloud-modal label{font-weight:700;display:flex;flex-direction:column;gap:6px;}
.cloud-modal input{border:1px solid #d7cbbc;border-radius:11px;background:#fff;padding:12px;font:400 16px system-ui,sans-serif;box-sizing:border-box;width:100%;text-align:left;}
.cloud-modal input:focus{outline:2px solid #1a846f;outline-offset:2px;}
.cloud-primary,.cloud-secondary{border-radius:11px;font:700 15px Rubik,system-ui,sans-serif;cursor:pointer;padding:12px;border:1px solid #b95036;width:100%;margin-top:8px;}
.cloud-primary{background:#b95036;color:white;}.cloud-primary:disabled{opacity:.5;cursor:wait}.cloud-secondary{background:transparent;color:#b95036;}
.cloud-links{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;}.cloud-links button{background:none;border:0;color:#15715f;cursor:pointer;text-decoration:underline;padding:4px;}
.cloud-notice{border-radius:9px;border:1px solid #e3c79d;padding:11px;background:#fff2d9;line-height:1.5;text-align:right;overflow-wrap:anywhere;}
.cloud-history{border-top:1px solid #e0d6c8;margin:16px 0;padding-top:8px;max-height:260px;overflow:auto;}
.cloud-history h3{font-size:14px;margin:11px 0 5px;}.cloud-history p{font-size:12px;color:#58665f;margin:5px 0;overflow-wrap:anywhere;}
@media(max-width:550px){.cloud-auth-bar{justify-content:center;padding:8px 14px}.cloud-account-button{font-size:12px;}.cloud-modal{padding:22px 18px}}