/* Trainer accounts, cloud saves, and returning to an unfinished adventure. */
.top-actions .account-button{display:flex;cursor:pointer;min-width:0;gap:8px;padding-top:4px;padding-bottom:4px;text-align:left;transition:color .2s}
.account-button:hover{color:#f2dfaa}
.profile-button>.account-button-copy{display:grid;gap:3px;min-width:0}
.account-button-copy strong{display:block;max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font-size:10px;font-weight:500;line-height:1.3}
.cloud-save-status{color:#9aa68d;font-size:8px;line-height:1.35;white-space:nowrap}
.cloud-save-status.saving,.cloud-save-status[data-state="saving"]{color:#ddc884}
.cloud-save-status.error,.cloud-save-status[data-state="error"]{color:#ecae92}
.cloud-save-status.saved,.cloud-save-status[data-state="saved"]{color:#b5d59f}
#sidebarTrainerName{display:block;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#heroTrainerName{display:block;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-entry-note{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 2px;padding:11px 12px;border:1px solid #b8cc961f;border-radius:7px;background:#b4ca8b08;font-size:10px;line-height:1.6;color:#96a58b}
.account-entry-note>button,.stage-account-link{padding:4px 0;border:0;background:none;color:#e4ce93;cursor:pointer;font:500 10px/1.6 var(--cn);white-space:nowrap}
.account-entry-note>button span,.stage-account-link>span{padding-left:5px}
.account-entry-note>button:hover,.stage-account-link:hover{color:#fff0be;text-decoration:underline;text-underline-offset:4px}
.stage-account-link{align-self:center;margin-top:-10px}
.save-retry-button{color:#f1cc91!important;border-color:#c8a16e55!important;background:#a7793520!important;width:100%;min-height:35px;margin:5px 0}
.auth-overlay,.resume-overlay{position:fixed;inset:0;z-index:70;display:none;place-items:center;padding:22px;background:#07100beb;backdrop-filter:blur(13px);font-family:var(--cn)}
.auth-overlay.open,.resume-overlay.open{display:grid}
.resume-overlay{z-index:65}
.auth-dialog,.resume-dialog{position:relative;width:min(448px,100%);max-height:calc(100dvh - 44px);overflow-y:auto;padding:35px 36px 28px;border:1px solid #d4bd777a;border-radius:18px;background:radial-gradient(ellipse at 50% 0%,#536d424d,transparent 48%),radial-gradient(ellipse at 0% 80%,#5d613020,transparent 55%),linear-gradient(145deg,#203025,#142018 75%);box-shadow:0 30px 100px #000c,inset 0 0 0 4px #d6ca8e06;text-align:center;scrollbar-width:thin;scrollbar-color:#aa98614d transparent;animation:modal-in .28s cubic-bezier(.2,.8,.2,1)}
.auth-close{position:absolute;left:20px;top:17px;padding:5px 0;border:0;background:none;color:#a9b49b;font-size:10px;line-height:1.5;cursor:pointer}
.auth-close>span{padding-right:4px;font-size:13px;color:#d6c389}
.auth-close:hover{color:#f0dfac}
.auth-emblem{width:65px;height:65px;position:relative;display:grid;place-items:center;margin:5px auto 19px;border:1px solid #c7ba7659;border-radius:50%;background:radial-gradient(circle,#bdd28619,transparent 68%);box-shadow:0 0 30px #c1c7780d;color:#ddcd91}
.auth-emblem:before{content:"";position:absolute;inset:7px;border:1px solid #b3c48336;border-radius:50%}
.auth-emblem>span{font-size:40px;line-height:1;transform:rotate(-9deg);filter:drop-shadow(0 0 9px #e1cf8060)}
.auth-emblem>i{position:absolute;right:-3px;top:6px;font-size:13px;font-style:normal;color:#e5d993}
.auth-eyebrow{font:600 8px/1.6 var(--ui);letter-spacing:1.75px;color:#b7ac7a}
.auth-dialog h2,.resume-dialog h2{margin:8px 0 11px;color:#f2e5bb;font-size:25px;line-height:1.5;font-weight:600;letter-spacing:.5px}
.auth-intro{margin:0 0 22px;color:#aab79e;font-size:11px;line-height:1.9}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 20px;padding:4px;border:1px solid #bfc88f20;border-radius:9px;background:#0b170e7a}
.auth-tabs>button{height:35px;border:1px solid transparent;border-radius:6px;background:none;color:#8e9e82;font-size:12px;cursor:pointer;transition:background .15s,color .15s}
.auth-tabs>button[aria-pressed="true"]{border-color:#d3bf7447;background:linear-gradient(130deg,#a9ad5930,#73894f26);color:#ead9a0;box-shadow:0 2px 6px #050b0626}
.auth-tabs>button:hover{color:#f0e0b1}
.auth-form{display:grid;gap:17px;text-align:left}
.auth-field{display:grid;gap:8px;font-size:11px;color:#d2d6bd}
.auth-field>span:first-child{font-weight:500;line-height:1.5}
.auth-field input{width:100%;min-width:0;height:44px;padding:0 13px;border:1px solid #b5c2943b;border-radius:7px;background:#0e1b137d;color:#f0ecd7;font:400 13px var(--ui);outline:none;transition:border-color .15s,box-shadow .15s}
.auth-field input::placeholder{color:#76876d;font-family:var(--cn);font-size:11px}
.auth-field input:focus{border-color:#d9c580a6;box-shadow:0 0 0 3px #cfbd6312;background:#112019}
.auth-field input:disabled{opacity:.55;cursor:wait}
.auth-password-wrap{position:relative;display:block}
.auth-password-wrap>input{padding-right:55px}
.auth-password-wrap>button{position:absolute;inset:1px 2px 1px auto;width:48px;border:0;background:transparent;color:#c2c79e;font-size:10px;cursor:pointer;border-radius:6px}
.auth-password-wrap>button:hover{color:#f1d99c;background:#c5bb6310}
.auth-import{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid #b4c98825;border-radius:7px;background:#a3ba7309;cursor:pointer;text-align:left}
.auth-import>input{flex:none;width:15px;height:15px;margin:2px 0 0;accent-color:#b2c77f;cursor:pointer}
.auth-import>span{display:grid;gap:4px}
.auth-import strong{color:#cdd4b3;font-size:10px;line-height:1.8;font-weight:500}
.auth-import small{color:#8d9d80;font-size:9px;line-height:1.8}
.auth-dialog .auth-submit,.resume-dialog .auth-submit{height:45px;margin-top:3px;border-color:#dbc48282;border-radius:7px;background:linear-gradient(110deg,#b7a45b36,#ceb96e30);color:#f3e5b5;font-size:12px;font-weight:500;letter-spacing:.3px;box-shadow:inset 0 1px #faedaf0a,0 5px 14px #06100926}
.auth-dialog .auth-submit:hover,.resume-dialog .auth-submit:hover{background:linear-gradient(110deg,#b7a45b50,#ceb96e43);box-shadow:0 0 20px #d0bb631c}
.auth-dialog button:disabled,.resume-dialog button:disabled{opacity:.5;cursor:wait}
.auth-rules{display:flex;align-items:flex-start;gap:9px;margin-top:20px;padding:14px 0 0;border-top:1px solid #c4c1901d;text-align:left}
.auth-rules>span{font-size:16px;line-height:1.5;color:#c5bd80}
.auth-rules strong{color:#b9c5a6;font-size:10px;font-weight:500;line-height:1.7}
.auth-rules p{color:#879779;margin:5px 0 0;font-size:9px;line-height:1.85}
.auth-message{margin:15px 0 0;padding:11px 12px;border:1px solid #cab87b3e;border-radius:7px;background:#c2ac6a0b;color:#eed3a0;font-size:11px;line-height:1.8;text-align:left;overflow-wrap:anywhere}
.auth-message:empty{display:none}
.auth-message.error,.auth-message[data-state="error"]{color:#efbaa4;border-color:#b7765350;background:#ae6c4211}
.auth-message.success,.auth-message[data-state="success"]{color:#c4daa8;border-color:#a9c77d40;background:#9bb36a0b}
.account-summary{color:#bbc9ac;font-size:12px;line-height:1.8;margin:4px 0 20px;overflow-wrap:anywhere}
.account-save-details{display:grid;gap:0;text-align:left;border:1px solid #b9c58e2b;border-radius:9px;background:#0d1a1170;overflow:hidden;color:#c4ceb4;font-size:11px;line-height:1.8}
.account-save-details:empty{display:none}
.account-save-details>div,.account-save-details>p{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 15px;padding:11px 14px;margin:0}
.account-save-details>div+div,.account-save-details>p+p{border-top:1px solid #b9c58e1a}
.account-save-details span{color:#93a285}
.account-save-details strong,.account-save-details b{color:#e3d6a2;font-weight:500;overflow-wrap:anywhere}
.account-cloud-note{display:flex;align-items:flex-start;gap:9px;margin:17px 0;text-align:left;color:#98a68c}
.account-cloud-note>span{color:#c8bc7c;font-size:19px;line-height:1.45}
.account-cloud-note>p{margin:0;font-size:10px;line-height:1.85}
.account-logout{margin-top:10px!important;height:36px;width:100%;font-size:11px!important;color:#a9b59c!important}
.account-logout:hover{color:#eedda5!important}
.resume-dialog{width:min(430px,100%);padding:35px 32px 25px}
.resume-emblem{display:grid;place-items:center;width:61px;height:61px;margin:0 auto 20px;border:1px solid #cdb7785a;border-radius:50%;background:radial-gradient(circle,#c5b56d25,transparent 70%);color:#e6d28e;font-size:42px;line-height:1;box-shadow:0 0 25px #c9b6660a}
.resume-dialog h2{font-size:22px;margin-top:10px}
.resume-dialog>p{color:#adbaa0;font-size:11px;line-height:1.9;margin:0 0 23px;overflow-wrap:anywhere}
.auth-dialog button:focus-visible,.resume-dialog button:focus-visible,.account-button:focus-visible,.account-entry-note button:focus-visible,.stage-account-link:focus-visible,.save-retry-button:focus-visible{outline:2px solid #f0d894;outline-offset:3px}
@media(max-width:940px){
 .profile-button>.account-button-copy{display:grid!important}.account-button-copy strong{max-width:90px;font-size:9px}.cloud-save-status{font-size:7px}.top-actions .account-button{padding-left:10px;gap:6px}
}
@media(max-width:560px){
 .topbar .breadcrumbs{display:none}.topbar .top-actions{width:100%;gap:9px}.top-actions .account-button{display:flex!important;margin-left:auto;padding-left:9px}.account-button-copy strong{max-width:104px;font-size:9px}.account-button .profile-avatar{width:25px;height:25px;font-size:14px}.account-button .chevron{font-size:12px}.cloud-save-status{font-size:7px}.account-entry-note{font-size:9px;gap:8px;padding:10px}.account-entry-note>button{font-size:10px}.auth-overlay,.resume-overlay{padding:14px}.auth-dialog,.resume-dialog{max-height:calc(100dvh - 28px);padding:33px 23px 23px;border-radius:14px}.auth-close{left:19px;top:14px}.auth-emblem{width:57px;height:57px;margin-bottom:15px}.auth-emblem>span{font-size:35px}.auth-eyebrow{font-size:7px;letter-spacing:1.3px}.auth-dialog h2{font-size:23px}.auth-intro{font-size:10px;margin-bottom:19px}.auth-tabs{margin-bottom:17px}.auth-field input{font-size:16px}.auth-form{gap:15px}.auth-rules{margin-top:17px}.auth-message{font-size:10px}.resume-dialog h2{font-size:21px}
}
@media(max-width:380px){
 .account-button-copy strong{max-width:92px}.top-actions .account-button{gap:5px}.account-button .chevron{display:none}.account-entry-note{flex-direction:column;gap:3px;align-items:center}.auth-dialog,.resume-dialog{padding-left:20px;padding-right:20px}.auth-desktop-break{display:none}
}
@media(prefers-reduced-motion:reduce){.auth-dialog,.resume-dialog{animation:none}.auth-tabs>button,.auth-field input,.account-button{transition:none}}