/* P8A isolated opt-in cloud backup panel; local game remains authoritative for this preview. */
#reign-cloud-overlay{position:fixed;inset:0;z-index:1001;display:grid;place-items:center;background:#030c12e8;padding:14px;overflow:auto}
#reign-cloud-overlay[hidden]{display:none!important}
#reign-cloud-panel{width:min(570px,100%);background:#10242c;border:1px solid #658b80;border-radius:13px;color:#e9f4ee;box-shadow:0 24px 75px #000b;padding:23px}
#reign-cloud-panel h2{font-size:24px;margin:6px 0 8px;letter-spacing:-.025em}
#reign-cloud-panel p{font-size:13px;line-height:1.55;color:#bfd2d0;margin:8px 0}
#reign-cloud-panel .cloud-kicker{font-size:11px;letter-spacing:.15em;font-weight:850;color:#d7f2a6}
#reign-cloud-panel .cloud-note{background:#172f37;border:1px solid #33545a;padding:12px;border-radius:8px;font-size:11px;line-height:1.5;color:#c4d9d5}
#reign-cloud-panel .cloud-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
#reign-cloud-panel button{border:1px solid #57716f;border-radius:7px;background:#18323b;color:#e9f4ef;min-height:44px;padding:10px 12px;font-weight:750;font-size:12px}
#reign-cloud-panel button.primary{background:#ccf399;color:#20382b;border-color:#e1f5bb}
#reign-cloud-panel button:disabled{opacity:.42;cursor:not-allowed}
#reign-cloud-panel button:focus-visible,#reign-cloud-button:focus-visible{outline:2px solid #d5fca8;outline-offset:2px}
#reign-cloud-message{white-space:pre-wrap;padding:10px 12px;background:#091923;border:1px solid #354a50;border-radius:7px;color:#c9e1dc;font-size:12px;line-height:1.55;min-height:46px;margin-top:14px}
#reign-cloud-message.error{border-color:#a26d6d;color:#ffc8c7}
#reign-cloud-panel .cloud-header{display:flex;justify-content:space-between;align-items:start;gap:12px}
#reign-cloud-panel .cloud-close{min-width:44px;flex:none}
@media(max-width:480px){#reign-cloud-panel{padding:15px}#reign-cloud-panel h2{font-size:20px}#reign-cloud-panel .cloud-toolbar{display:grid;grid-template-columns:1fr 1fr}#reign-cloud-panel .cloud-toolbar button{min-width:0}}

/* P8 mobile masthead overflow fix: keep all actions inside narrow screens. */
@media(max-width:720px){
 .masthead .head-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;max-width:100%;margin-left:0;min-width:0}
 .masthead .head-actions .save-status{grid-column:1/-1;max-width:100%;width:max-content}
 .masthead .head-actions .subtle-btn{width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.3;padding:10px 7px}
}