/* Project Phoenix v0.5.8-alpha.38 — collector accounts and cloud sync */
body.auth-open{overflow:hidden}
.auth-dialog[hidden],.auth-backdrop[hidden]{display:none!important}
.auth-dialog [hidden]{display:none!important}
.account-action{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 11px;border:1px solid #76552d;border-radius:3px;background:linear-gradient(#2e2822,#171515);color:#e7cf9f;font:700 .62rem Georgia,serif;letter-spacing:.07em;text-transform:uppercase}
.account-action .account-orb{width:10px;height:10px;border:1px solid #a77a3e;border-radius:50%;background:#4b3520;box-shadow:inset 0 0 3px #000}
.account-action[data-sync="synced"] .account-orb{border-color:#90ad62;background:#4f742e;box-shadow:0 0 7px rgba(130,184,72,.55)}
.account-action[data-sync="syncing"] .account-orb{background:#d69a3e;box-shadow:0 0 8px #d66c2e}
.account-action[data-sync="pending"] .account-orb{background:#a75c2e;box-shadow:0 0 7px #a74327}
.auth-backdrop{position:fixed;z-index:160;inset:0;background:rgba(3,3,4,.76);backdrop-filter:blur(5px)}
.auth-dialog{position:fixed;z-index:170;top:50%;left:50%;width:min(440px,calc(100vw - 28px));transform:translate(-50%,-50%);overflow:hidden;border:1px solid #9b6c35;border-radius:3px;background:#121111;box-shadow:0 28px 80px #000,inset 0 0 0 2px #070708,inset 0 0 0 3px rgba(225,176,87,.2);color:#d9c7a6}
.auth-dialog::before{content:"";position:absolute;inset:7px;border:1px solid rgba(190,138,62,.27);pointer-events:none}
.auth-dialog-header{position:relative;padding:22px 54px 17px 24px;border-bottom:1px solid #50381f;background:linear-gradient(100deg,rgba(104,38,25,.58),rgba(25,20,18,.92)),url('../assets/welcome-fortress.webp') center/cover}
.auth-dialog-header .eyebrow{margin:0;color:#d9a753;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase}
.auth-dialog-header h2{margin:5px 0 0;color:#f2deb4;font:700 1.65rem Georgia,serif;text-transform:uppercase;text-shadow:0 3px 5px #000}
.auth-close{position:absolute;top:15px;right:16px;width:32px;height:32px;padding:0;border:1px solid #73512c;border-radius:50%;background:#181412;color:#d7ad62;font-size:1.1rem}
.auth-dialog-body{position:relative;padding:19px 24px 23px}
.auth-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:16px}
.auth-mode-tabs button{min-height:34px;border:1px solid #5f472b;border-radius:2px;background:#1b1918;color:#9f917b;font:700 .61rem Georgia,serif;letter-spacing:.09em;text-transform:uppercase}
.auth-mode-tabs button.active{border-color:#b17636;background:linear-gradient(#6a3022,#3b1d18);color:#f0d39a}
.auth-form{display:grid;gap:11px}
.auth-form label{display:grid;gap:5px;color:#b9a98d;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}
.auth-form input{width:100%;min-height:41px;padding:9px 11px;border:1px solid #59452d;border-radius:2px;background:#0b0b0c;color:#f0e1c5;outline:none}
.auth-form input:focus{border-color:#c18a42;box-shadow:0 0 0 2px rgba(193,138,66,.15)}
.auth-submit{min-height:42px;margin-top:3px;border:1px solid #bd7838;border-radius:2px;background:linear-gradient(#873722,#4a1d16);box-shadow:inset 0 1px rgba(255,195,101,.34),inset 0 -2px #260b08;color:#f6d99d;font:700 .68rem Georgia,serif;letter-spacing:.1em;text-transform:uppercase}
.auth-submit:disabled{opacity:.62}
.auth-forgot{justify-self:center;padding:4px;border:0;background:transparent;color:#ba9559;font-size:.65rem;text-decoration:underline}
.auth-message{min-height:1.4em;margin:2px 0 0;color:#a99b86;font-size:.68rem;line-height:1.4;text-align:center}
.auth-message[data-tone="error"]{color:#e29b8d}.auth-message[data-tone="success"]{color:#b9d18e}
.auth-member-panel{display:grid;gap:13px;text-align:center}
.auth-member-crest{display:grid;place-items:center;width:66px;height:66px;margin:2px auto;border:1px solid #b17a38;border-radius:50%;background:radial-gradient(circle,#52301c,#151210 70%);box-shadow:0 0 0 4px #090909,0 0 0 5px #5f4325;color:#e7b95f;font-size:1.45rem}
.auth-member-panel h3{margin:0;color:#ead4aa;font:700 1.15rem Georgia,serif;text-transform:uppercase}
.auth-member-email{margin:0;color:#b7aa95;font-size:.76rem}
.cloud-sync-status{padding:10px;border:1px solid #4d412f;background:rgba(10,10,10,.55);color:#c1b08f;font-size:.7rem}
.cloud-sync-status[data-tone="synced"]{border-color:#52663a;color:#c4d99b}
.auth-signout{min-height:39px;border:1px solid #785033;border-radius:2px;background:#241b18;color:#d9b788;font:700 .65rem Georgia,serif;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:680px){.account-action span:last-child{display:none}.account-action{padding-inline:10px}.auth-dialog-body{padding:17px 18px 21px}}
