/* Uses the app's existing expedition palette, chapter art and shared controls. */
.onboarding-dialog{width:min(580px,calc(100% - 24px));max-height:calc(var(--app-viewport-height,100dvh) - 28px);overflow:auto;margin:auto;border:1px solid #637778;border-radius:22px;background:var(--surface);color:var(--text);padding:24px;box-shadow:0 24px 90px #0009}
.onboarding-dialog::backdrop{background:#061116df;backdrop-filter:blur(6px)}
.onboarding-dialog h1,#adventurerProfile h1{font:32px/1.15 Georgia,serif;margin:12px 0 16px}.onboarding-dialog h2,#adventurerProfile h2{font-family:Georgia,serif;font-weight:400}
.onboarding-top,.profile-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.onboarding-top>span{font-size:10px;letter-spacing:2px;color:var(--copper)}.onboarding-top .quiet{font-size:25px;padding:4px 12px;min-height:44px}
.onboarding-copy{color:#c4d0cf;line-height:1.6}.onboarding-dialog .eyebrow{margin-top:20px}
.onboarding-landscape{height:150px;border-radius:14px;background:linear-gradient(0deg,#13232955,transparent),var(--chapter-art) center 43%/cover;margin:22px 0}
.onboarding-dialog button.primary,.onboarding-dialog button.secondary{width:100%;min-height:46px;margin:6px 0;text-align:center;border-radius:10px}.onboarding-dialog .primary{background:var(--copper);color:#12252b;border:1px solid var(--copper);padding:13px}.onboarding-dialog .secondary{background:#1b3036;color:var(--text);border:1px solid #496268;padding:12px}
.onboarding-dialog label{display:grid;gap:7px;font-size:13px;color:#d2dcda;margin:14px 0}.onboarding-dialog input,.onboarding-dialog select{width:100%;min-width:0;background:#0e2026;color:var(--text);border:1px solid #526b70;border-radius:9px;padding:12px;font-size:16px;min-height:46px}
.onboarding-dialog .onboarding-check{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.onboarding-check input{width:20px;min-height:20px;height:20px;flex-shrink:0;margin:2px 0;accent-color:var(--copper)}
.onboarding-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.onboarding-grid>*{min-width:0}.onboarding-note{font-size:12px;line-height:1.6;color:#b9cacd;margin:16px 0}
.onboarding-avatars{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.onboarding-avatars button{background:#0e2026;border:1px solid #425b61;border-radius:13px;padding:12px;color:var(--text)}.onboarding-avatars button[aria-pressed=true]{border-color:var(--copper);box-shadow:inset 0 0 0 1px var(--copper);background:#23363a}.onboarding-avatars img{display:block;width:100%;height:115px}.onboarding-avatars span{display:block;font-size:13px;margin-top:8px}
.onboarding-progress,.profile-xp{height:5px;background:#2d4349;border-radius:8px;overflow:hidden;margin:14px 0}.onboarding-progress span,.profile-xp span{display:block;height:100%;background:var(--copper)}
.onboarding-path{display:block;width:100%;text-align:left;background:#1b3036;border:1px solid #627574;border-radius:14px;padding:20px;color:var(--text);margin:14px 0}.onboarding-path span{font-size:11px;color:var(--copper);letter-spacing:1px}.onboarding-path strong{display:block;font:23px Georgia,serif;margin:10px 0}.onboarding-path p{color:#b9cacd;font-size:13px;line-height:1.5;margin-bottom:0}
.onboarding-actions{display:flex;gap:12px;margin-top:20px}.onboarding-actions>*{flex:1;min-width:0}.onboarding-plan details{padding:13px 0;border-bottom:1px solid var(--line)}.onboarding-plan summary{cursor:pointer;min-height:30px}.onboarding-plan ul{padding-left:19px;line-height:1.6}.onboarding-plan li{margin:8px 0;font-size:13px}.onboarding-plan li span{display:block;color:var(--muted)}
.onboarding-review{text-align:center;background:#0e2026;border-radius:14px;padding:14px}.onboarding-review img{width:100px;height:125px}.onboarding-review h2{margin:0}.onboarding-summary dt{color:var(--copper);font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-top:20px}.onboarding-summary dd{margin:6px 0;line-height:1.5;font-size:14px}
#onboardingError{color:#ffc4ad;font-size:14px}#onboardingEstimate,#onboardingAuthStatus{font-size:13px;line-height:1.6;color:#d9c09f}
#adventurerProfile{max-width:800px;padding:22px 20px 32px;margin:0 auto}#adventurerProfile .panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;margin:14px 0}#adventurerProfile p{line-height:1.6;font-size:14px}#adventurerProfile .eyebrow{font-size:10px;letter-spacing:2px;color:var(--copper)}#adventurerProfile .secondary{min-height:44px;border:1px solid #4a6268;border-radius:10px;background:#1b3036;padding:11px 14px;color:var(--text);margin:5px 0;font-size:13px}#adventurerProfile h2{font-size:24px;overflow-wrap:anywhere}.profile-heading h1{margin-top:8px}.profile-heading .secondary{flex-shrink:0}
.profile-character{display:flex;gap:22px;align-items:center;padding:22px;background:linear-gradient(90deg,#10242aea,#10242aab),var(--chapter-art) center/cover;border:1px solid #72827a;border-radius:18px}.profile-character-art{flex:0 0 110px}.profile-character-art img{width:110px;height:155px}.profile-character>div:last-child{flex:1;min-width:0}.profile-character h2{margin:8px 0}.profile-character small{color:#bdcdcf;font-size:12px}.profile-character p{margin:7px 0}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-grid .panel{margin-bottom:0!important}.profile-grid .secondary{display:block;width:100%;text-align:left}.profile-mission{display:flex;align-items:flex-start;gap:12px;margin:16px 0}.profile-mission>span{color:var(--copper)}.profile-mission small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.profile-links{display:flex;gap:8px;flex-wrap:wrap}.profile-rewards{display:flex;gap:8px;flex-wrap:wrap}.profile-rewards span{font-size:12px;color:#a4b9bd;border:1px solid var(--line);border-radius:20px;padding:8px 12px}.profile-rewards .earned{color:var(--copper);border-color:#9a7b60}
@media(max-width:600px){.profile-grid{grid-template-columns:1fr;gap:0}.profile-character{gap:12px;padding:16px}.profile-character-art{flex-basis:88px}.profile-character-art img{width:88px;height:135px}.profile-heading{align-items:flex-start}.profile-heading .secondary{padding:10px;font-size:12px}}
@media(max-width:370px){.onboarding-dialog{padding:17px}.onboarding-grid{grid-template-columns:1fr}.onboarding-dialog h1,#adventurerProfile h1{font-size:27px}#adventurerProfile{padding:18px 12px}.profile-character{gap:8px}.profile-character-art{flex-basis:70px}.profile-character-art img{width:70px}.profile-heading{gap:6px}}
#adventurerProfile .profile-heading>.secondary{width:auto;flex:0 0 auto}#adventurerProfile .profile-heading>div{min-width:0}#adventurerProfile .profile-links>.secondary{width:auto;max-width:100%}#adventurerProfile h2{hyphens:auto}#adventurerProfile .profile-grid h2{font-size:22px}