/* Development Build 1.2 - manual cloud character transfer */
#eclipse-cloud-root{position:fixed;z-index:10040;inset:0;display:grid;place-items:center;background:#030914e9;overflow:auto;padding:14px;color:#edf5ff}
#eclipse-cloud-root[hidden]{display:none!important}
.eclipse-cloud-box{width:min(550px,100%);max-height:94vh;overflow:auto;background:linear-gradient(145deg,#1a2b43,#0e192b);border:1px solid #7798c4;border-radius:18px;padding:20px;box-shadow:0 24px 80px #000c;font:14px/1.5 system-ui,Segoe UI,sans-serif}
.eclipse-cloud-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.eclipse-cloud-head h2{font-size:23px;color:#fff;margin:1px 0 4px}
.eclipse-cloud-eyebrow{letter-spacing:1.7px;color:#e1bd82;font-size:10px;font-weight:700}
.eclipse-cloud-close{border:1px solid #829bb9;background:#263f61;color:#fff;border-radius:9px;padding:8px 13px;cursor:pointer;font:inherit}
.eclipse-cloud-intro{font-size:12px;color:#c6d8ef;line-height:1.55}
.eclipse-cloud-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.eclipse-cloud-panel{background:#0c1d34;border:1px solid #385576;border-radius:12px;padding:12px;min-width:0}
.eclipse-cloud-panel h3{font-size:13px;color:#ffe0a6;margin:0 0 7px}
.eclipse-cloud-panel p{margin:4px 0;font-size:12px;color:#d9e8fd;overflow-wrap:anywhere}
.eclipse-cloud-panel strong{color:#fff}
.eclipse-cloud-actions{display:grid;gap:9px;margin-top:10px}
.eclipse-cloud-actions button{background:#263f61;color:#fff;border:1px solid #6c95cb;border-radius:11px;padding:12px;text-align:left;cursor:pointer;font:inherit;font-size:13px}
.eclipse-cloud-actions button strong{display:block;font-size:14px;color:#fff}
.eclipse-cloud-actions button span{display:block;color:#c3d6ed;font-size:11px;margin-top:3px}
.eclipse-cloud-actions button:disabled{opacity:.4;cursor:not-allowed}
.eclipse-cloud-actions button.eclipse-cloud-primary{border-color:#e8c789;background:#554224}
.eclipse-cloud-feedback{color:#b4edc7;font-size:12px;min-height:21px;overflow-wrap:anywhere;margin:12px 0}
.eclipse-cloud-feedback.error{color:#ffc2be}
.eclipse-cloud-warning{border-left:3px solid #d5a95e;background:#251f1b;padding:11px;color:#f8dcb6;font-size:11px;line-height:1.6;border-radius:6px}
@media(max-width:430px){.eclipse-cloud-box{padding:14px}.eclipse-cloud-grid{grid-template-columns:1fr}.eclipse-cloud-head h2{font-size:19px}}
/* Development 1.3 synchronization state */
.eclipse-cloud-sync-state{border:1px solid #6989b388;background:#1b3147;padding:12px 14px;border-radius:12px;margin:10px 0 14px;line-height:1.45}
.eclipse-cloud-sync-state strong{display:block;color:#d6efff;margin-bottom:4px}
.eclipse-cloud-sync-state p{margin:0!important;color:#bcd2e9;font-size:13px;overflow-wrap:anywhere}
.eclipse-cloud-caution{border:1px solid #e6af59;background:#442d27;color:#ffe7b7;padding:10px;border-radius:9px;font-size:12px}
.eclipse-sync-button{font-size:10px!important;min-width:70px!important;padding:0 8px!important;white-space:nowrap}
.eclipse-sync-button[data-sync-state='ready']{border-color:#5bdbaf!important;color:#b8fce0!important}
.eclipse-sync-button[data-sync-state='conflict'],.eclipse-sync-button[data-sync-state='error']{border-color:#ef9d6f!important;color:#ffc5a7!important}
.eclipse-sync-button[data-sync-state='syncing']{border-color:#9ec8ff!important;color:#c0dcff!important}
@media(max-width:480px){.eclipse-sync-button{min-width:56px!important;padding:0 3px!important;font-size:9px!important}}

@media(max-width:420px){#accountBtn{min-width:88px!important;max-width:94px!important;padding:7px 6px!important}.eclipse-sync-button{min-width:55px!important}}