/* REIGNOVORE P8B account & manual cross-device cloud save. */
#reign-account-modal[hidden]{display:none!important}
#reign-account-modal{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:16px;background:rgba(2,9,14,.91);overflow-y:auto}
#reign-account-card{box-sizing:border-box;width:min(570px,100%);max-height:calc(100vh - 32px);overflow:auto;color:#e8f4ee;background:linear-gradient(145deg,#112831,#0b1b25);border:1px solid #719888;border-radius:13px;box-shadow:0 25px 75px rgba(0,0,0,.62);padding:23px}
#reign-account-card h2{font-size:24px;margin:5px 0 9px}
#reign-account-card p{font-size:12px;color:#bed3d0;line-height:1.6}
#reign-account-card .account-kicker{color:#d6f6a4;letter-spacing:.16em;font-size:10px;font-weight:850}
#reign-account-card .account-row{display:flex;justify-content:space-between;align-items:start;gap:14px}
#reign-account-card .account-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}
#reign-account-card button{background:#1b3a42;color:#e5f3eb;border:1px solid #597d7a;border-radius:7px;padding:11px 13px;font-size:12px;font-weight:800;min-height:44px}
#reign-account-card button:hover:not(:disabled){border-color:#c3e8b8;background:#255048}
#reign-account-card button.primary{background:#d1f499;border-color:#e0ffbb;color:#24382c}
#reign-account-card button:disabled{opacity:.42;cursor:not-allowed}
#reign-account-card button:focus-visible,#reign-account-card input:focus-visible{outline:2px solid #d6fbaa;outline-offset:3px}
#reign-account-card button.active{background:#314e3e;color:#e7ffb9;border-color:#a0db93}
#reign-account-card label{display:block;font-size:12px;color:#bfd6cc;margin-top:13px;font-weight:720}
#reign-account-card input{display:block;width:100%;min-height:44px;border:1px solid #53736e;border-radius:7px;background:#071923;color:#f4fff3;margin-top:7px;padding:10px 12px;font-size:16px}
#reign-account-card input::placeholder{color:#78928f}
#reign-account-card .account-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
#reign-account-card .account-actions>*{flex:1;min-width:150px}
#reign-account-card .account-notice{margin-top:13px;padding:12px;border-radius:7px;background:#142f37;border:1px solid #3c625e;color:#cbe3de;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
#reign-account-card .account-notice.error{color:#ffc9c8;border-color:#995b60}
#reign-account-card .account-code{padding:12px;display:block;font:13px ui-monospace,Consolas,monospace;background:#061b23;border:1px solid #46665e;border-radius:7px;overflow-wrap:anywhere;user-select:all;line-height:1.7}
#reign-account-card .account-note{background:#21362e;border-left:3px solid #d1f1aa;padding:10px 12px;margin-top:13px}
#reign-account-card .account-status{border:1px solid #3e6061;background:#09202a;border-radius:9px;padding:12px;margin-top:15px;font-size:12px;line-height:1.6}
#reign-account-card .account-status strong{color:#dcf8b1}
#reign-account-card .account-divider{height:1px;background:#345059;margin-top:14px}
@media(max-width:550px){#reign-account-modal{padding:8px}#reign-account-card{padding:15px;max-height:calc(100vh - 16px)}#reign-account-card h2{font-size:20px}#reign-account-card .account-actions>*{min-width:130px}}

/* P8B: account + backup controls must not stretch the masthead at tablet widths. */
@media(min-width:721px) and (max-width:1340px){
 .masthead{flex-wrap:wrap;gap:10px}
 .masthead .brand{min-width:0}
 .masthead .head-actions{margin-left:auto;max-width:100%;flex-wrap:wrap;justify-content:flex-end}
 .masthead .resources{order:3;width:100%;min-width:0}
}