/* Account surfaces explicitly use the same stone/forest palette as the game. */
#cloud-panel[hidden],#cloud-bar[hidden]{display:none}
#cloud-panel{position:fixed;inset:0;z-index:10000;overflow:auto;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(ellipse at 50% 15%,#29423488,transparent 65%),repeating-linear-gradient(0deg,#15212b 0 62px,#18252e 62px 64px);color:#f1f0e5;color-scheme:dark}
.cloud-card{width:min(100%,500px);background:#29353e;color:#f1f0e5;border:2px solid #78868b;border-radius:4px;padding:36px;box-shadow:inset 3px 3px #43525b,inset -3px -3px #17222a,8px 8px #080e1380;box-sizing:border-box}
.cloud-card h1{margin:14px 0 16px;font-size:28px;line-height:1.4;color:#f1f0e5;text-shadow:2px 2px #101a20}
.cloud-card p{color:#c3ced0;font-size:14px;line-height:1.8}
.cloud-eyebrow{font-size:11px;line-height:1.8;letter-spacing:1.4px;color:#b8d98f}
.cloud-card label{display:block;margin:22px 0 8px;color:#e1e7df;font-size:14px;font-weight:600}
.cloud-card input{display:block;width:100%;box-sizing:border-box;padding:13px 14px;margin-top:10px;border:2px solid #72858d;border-radius:3px;background:#15232c;color:#f4f5e9;font-size:15px;line-height:1.5;box-shadow:inset 2px 2px #0c171d;outline-offset:3px}
.cloud-card input::placeholder{color:#aebfc2;opacity:1;font-size:13px}
.cloud-card input:focus{border-color:#b4d67e;outline:2px solid #b4d67e}
.cloud-card button{cursor:pointer;padding:11px 16px;margin:12px 8px 0 0;border:2px solid #7f9298;border-radius:3px;background:#43535e;color:#f2f4ea;font-size:14px;line-height:1.5;box-shadow:inset 2px 2px #677b85,0 3px #111d24}
.cloud-card button:hover{background:#536874}
.cloud-card button.cloud-primary{background:#527b2c;color:#f4f9e9;border-color:#a8c974;box-shadow:inset 2px 2px #7d9d50,0 3px #111d24}
.cloud-card button.cloud-primary:hover{background:#648e36}
.cloud-card button:disabled{opacity:.55;cursor:wait}
.cloud-profile-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0 28px}
.cloud-profile-list button{margin:0;padding:18px 12px;text-align:left;border-color:#849b70;background:#344b36;color:#e9f4d9;overflow-wrap:anywhere}
#cloud-message{color:#ffcfad;margin:20px 0 0;font-weight:500}
#cloud-message:empty{display:none}
#account-slot{position:relative;flex-shrink:0}
#cloud-bar{position:relative;color:#e6ecdf;text-align:left;z-index:30}
#cloud-trigger{display:flex;align-items:center;gap:9px;max-width:220px;padding:7px 9px;border:1px solid transparent;border-radius:3px;background:transparent;color:#e6ecdf;font:inherit;font-size:13px;cursor:pointer;box-shadow:none;text-shadow:none}
#cloud-trigger:hover,#cloud-bar.is-open #cloud-trigger{background:#293b44;border-color:#74868d}
#cloud-child{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#cloud-trigger .avatar{flex-shrink:0}
.cloud-status-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#a6d774}
#cloud-dropdown{display:none;position:absolute;right:0;top:100%;width:270px;max-width:calc(100vw - 32px);padding:16px;background:#26343e;color:#e7eee3;border:2px solid #7b8b92;box-shadow:inset 2px 2px #40515b,4px 5px #080e1380}
#cloud-bar.is-open #cloud-dropdown{display:block}
.cloud-account-label{font-size:12px;color:#dce8d2;overflow-wrap:anywhere}
#cloud-save-status{font-size:12px;color:#b8d794;line-height:1.7;margin:8px 0 14px;padding-bottom:12px;border-bottom:1px solid #4b606a}
#cloud-dropdown button{display:block;width:100%;padding:10px 12px;margin:4px 0;border:0;border-radius:2px;box-shadow:none;text-shadow:none;background:transparent;color:#e6ece4;text-align:left;font:inherit;font-size:13px;cursor:pointer}
#cloud-dropdown button:hover,#cloud-dropdown button:focus-visible{background:#40545f}
#cloud-dropdown #cloud-logout{color:#ffd1b6;border-top:1px solid #4b606a;margin-top:10px;padding-top:14px}
#cloud-bar.cloud-error .cloud-status-dot{background:#ffc18a}
#cloud-bar.cloud-error #cloud-save-status{color:#ffd1ae}
#cloud-bar.cloud-error #cloud-trigger{border-color:#cb965e}
#cloud-bar button:focus-visible{outline:2px solid #bbdc8b;outline-offset:2px}
@media(max-width:600px){.cloud-card{padding:26px 22px}.cloud-card h1{font-size:24px}#cloud-trigger{max-width:160px;padding:5px;gap:6px}#cloud-child{max-width:70px}#cloud-dropdown{width:250px}.cloud-profile-list{gap:8px}}