/* Account status lives outside combat; the fixed dialog never resizes the arena. */
.cloud-account-chip{display:inline-flex;align-items:center;gap:7px;min-height:44px;max-width:190px;background:#153943;color:#d4e8e1;border:1px solid #52766f;border-radius:24px;padding:8px 13px;font-size:12px;white-space:nowrap}
.cloud-account-chip[data-state=ready]{background:#254e48;color:#d5efdf}.cloud-account-chip[data-state=warning]{border-color:#cfa975;color:#f5d9a9}.cloud-save-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;color:var(--muted);font-size:12px;min-height:48px}.cloud-save-strip button{background:transparent;color:var(--mint);border:0;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:5px 8px;font-size:12px}
.cloud-dialog{box-sizing:border-box;width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #507b7c;border-radius:22px;background:#15343f;color:#f0f7f1;box-shadow:0 28px 90px #00131acc;overflow:auto;overscroll-behavior:contain}
.cloud-dialog::backdrop{background:#051923bd;backdrop-filter:blur(5px)}.cloud-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 24px;border-bottom:1px solid #395b63;background:#1b424d;position:sticky;top:0;z-index:1}.cloud-dialog-head small{font-size:9px;letter-spacing:1.5px;color:#b9d9cb}.cloud-dialog-head h2{margin:6px 0 0;font-size:23px}.cloud-close{min-width:44px;min-height:44px;padding:4px;background:transparent;font-size:26px;border:1px solid #54767b;border-radius:50%}
.cloud-panel{padding:18px 24px}.cloud-panel p{line-height:1.55;font-size:13px;color:#bdd3d4}.cloud-intro{margin:0 0 16px}.cloud-status{display:flex;gap:13px;padding:16px;background:#102c36;border:1px solid #3a6268;border-radius:15px;min-height:112px}.cloud-status>span{font-size:27px;color:#b9e5d3}.cloud-status strong{font-size:15px}.cloud-status p{margin:7px 0 0;overflow-wrap:anywhere;min-height:42px}
.cloud-actions{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.cloud-dialog button{min-height:44px;font-size:13px}.cloud-dialog .cloud-primary{background:#bee3d0;color:#153c3e;border-color:#bee3d0;font-weight:750}.cloud-dialog .cloud-primary:hover:enabled{background:#d7efdf;color:#12343b}.cloud-dialog button:focus-visible,.cloud-dialog summary:focus-visible,.cloud-account-chip:focus-visible{outline:3px solid #f3d39a;outline-offset:3px}.cloud-choice{border-top:1px solid #3b5d65;padding-top:16px}.cloud-choice h3{font-size:17px;margin:0}.cloud-save-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.cloud-save-grid article{display:flex;flex-direction:column;gap:12px;background:#234651;border:1px solid #46666c;padding:14px;border-radius:14px;min-width:0}.cloud-save-grid small{font-size:9px;letter-spacing:1.2px;color:#bfd8d1}.cloud-save-grid strong{font-size:15px;line-height:1.7;font-variant-numeric:tabular-nums}.cloud-save-grid button{margin-top:auto;white-space:normal}.cloud-caution{color:#e1cda9!important}.cloud-auto{display:flex;align-items:center;gap:12px;border:1px solid #476a6c;border-radius:12px;padding:13px;cursor:pointer}.cloud-auto input{width:20px;height:20px;accent-color:#acd9c1}.cloud-auto strong,.cloud-auto small{display:block}.cloud-auto strong{font-size:13px}.cloud-auto small{font-size:11px;color:#bbd1d1;margin-top:4px}.cloud-footnote{font-size:11px!important}.cloud-privacy{margin-top:14px;font-size:12px}.cloud-privacy summary{padding:8px 0;cursor:pointer}.cloud-dialog>.save-tools{margin:0 24px 22px;padding-top:16px;border-top:1px solid #42616a}.cloud-dialog .quick-links{flex-wrap:wrap}.cloud-dialog input[type=file]{max-width:100%;font-size:12px}.cloud-dialog [hidden],.cloud-save-strip[hidden]{display:none!important}
@media(max-width:540px){header{flex-wrap:wrap;gap:9px}header .cloud-account-chip{margin-left:auto;max-width:175px;font-size:11px;min-height:44px}.cloud-save-strip{padding-inline:3px;font-size:11px}.cloud-dialog-head{padding:16px}.cloud-dialog-head h2{font-size:20px}.cloud-panel{padding:16px}.cloud-save-grid{grid-template-columns:1fr}.cloud-dialog>.save-tools{margin:0 16px 18px}.cloud-actions>button{flex:1 1 44%;white-space:normal}.cloud-dialog{max-height:calc(100dvh - 20px)}}