:root{--account-bg:#171713;--account-surface:#22221d;--account-surface-2:#2b2a23;--account-text:#f2ead2;--account-muted:#bbb29b;--account-line:#8c8266;--account-gold:#e7c467;--account-danger:#efb08f}
.cloud-native-page{margin:0;background:var(--account-bg)}
.cloud-panel{color:var(--account-text);background:var(--account-bg);font:17px/1.45 system-ui,-apple-system,sans-serif;padding:20px;max-width:760px;margin:auto;box-sizing:border-box;min-height:100%}
.cloud-panel *{box-sizing:border-box}.cloud-panel h2,.cloud-panel h3{line-height:1.18;margin-top:0}.cloud-panel h2{font:700 32px/1.1 Georgia,serif;margin:0}.cloud-panel h3{font-size:21px;margin-bottom:8px}
.account-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.account-kicker{color:var(--account-gold);font-size:12px;font-weight:800;letter-spacing:.2em;margin:0 0 5px}.account-done{min-width:72px}
.cloud-panel label{display:block;margin:14px 0}.cloud-panel input,.cloud-panel select{display:block;width:100%;margin-top:6px;min-height:48px;font:inherit;color:inherit;background:#191915;border:1px solid var(--account-line);border-radius:9px;padding:10px 12px}
.cloud-panel button,.account-button{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-weight:650;color:#201e18;background:var(--account-gold);border:1px solid var(--account-gold);border-radius:9px;min-height:46px;padding:10px 15px;margin:6px 7px 6px 0;cursor:pointer;text-decoration:none}
.cloud-panel button.secondary,.account-button.secondary{color:var(--account-text);background:transparent;border-color:var(--account-line)}.cloud-panel button:disabled{opacity:.42;cursor:default}
.cloud-panel button:focus-visible,.cloud-panel input:focus-visible,.cloud-panel select:focus-visible,.account-button:focus-visible{outline:3px solid var(--account-gold);outline-offset:3px}
.cloud-status{white-space:pre-wrap;min-height:1.45em;color:var(--account-muted);margin:0 0 12px}
.account-card{border:1px solid var(--account-line);border-radius:14px;padding:18px;margin:14px 0;background:var(--account-surface)}.account-card p{margin:7px 0 13px}.account-help{color:var(--account-muted);font-size:14px}
.account-identity{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid #595341;padding:2px 0 15px}.account-identity strong,.account-identity span{display:block}.cloud-health{color:#b8d59b;font-size:14px;margin-top:2px}
.storage-meter{display:grid!important;grid-template-columns:1fr!important;text-align:left!important;width:100%;color:var(--account-text)!important;background:var(--account-surface)!important;border-color:var(--account-line)!important;padding:14px!important;margin:14px 0!important}.storage-meter>span:first-child{display:flex;justify-content:space-between;gap:12px}.storage-copy{color:var(--account-muted);font-weight:400}.storage-track{display:block;height:7px;background:#11110e;border-radius:99px;overflow:hidden;margin-top:10px}.storage-track i{display:block;height:100%;background:var(--account-gold);border-radius:inherit}
.account-tabs{display:flex;gap:4px;overflow-x:auto;padding:2px 0 7px;margin-bottom:8px}.account-tabs button{flex:0 0 auto;color:var(--account-muted);background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;margin:0;padding:10px 11px;min-height:44px}.account-tabs button[aria-current=true]{color:var(--account-text);border-bottom-color:var(--account-gold)}
.view-heading{margin:20px 2px 12px}.view-heading h3{font:700 27px/1.15 Georgia,serif;margin-bottom:5px}.view-heading p{color:var(--account-muted);margin:0}
.saved-game-group{margin:20px 0 2px}.saved-game-group__title{font:700 18px/1.2 Georgia,serif;color:var(--account-muted);margin:0 2px 8px}
.sync-state{display:inline-block!important;color:#cce7b2;background:#26331f;border-radius:99px;padding:5px 10px;font-size:14px;font-weight:700}.sync-state.needs-attention{color:#ffd1b8;background:#482b20}
.account-card dl{display:grid;grid-template-columns:1fr auto;gap:9px 14px;margin:15px 0 4px}.account-card dt{color:var(--account-muted)}.account-card dd{margin:0;text-align:right}
.storage-history{border-top:1px solid #595341;margin-top:12px;padding-top:8px}.storage-version{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #454136}.storage-version span{font-size:14px;color:var(--account-muted)}.storage-version button{min-height:40px;padding:7px 11px;font-size:14px}
.cloud-confirm{position:sticky;bottom:8px;z-index:3;border-color:var(--account-gold);box-shadow:0 12px 35px #000b}.cloud-panel [hidden]{display:none!important}
.cloud-dialog{background:var(--account-bg);border:1px solid var(--account-line);padding:0;width:min(780px,calc(100vw - 24px));max-height:92dvh;overflow:auto}.cloud-dialog::backdrop{background:#000c}
@media(max-width:650px),(max-height:500px){.cloud-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0}.cloud-panel{padding:16px;max-width:none}.account-tabs{margin-left:-5px;margin-right:-5px}.storage-version{align-items:flex-start;flex-direction:column}.account-card button:not(.secondary)+button{margin-top:4px}}
@media(prefers-reduced-motion:no-preference){.storage-track i{transition:width .25s ease}}