/* Collector Career uses the established cream, copper and teal Drive palette. */
.career-page,.career-panel{--career-paper:#f6ead6;--career-muted:#ccbaa2;--career-copper:#e9a165;--career-teal:#8de0cf;color:var(--career-paper);min-width:0;overflow-wrap:anywhere;font-size:1rem;line-height:1.55;accent-color:var(--career-teal);color-scheme:dark}
.career-page{max-width:1140px;margin:0 auto;padding:24px clamp(14px,3vw,36px) 48px}
.career-page h1,.career-panel h2,.career-page h2{color:var(--career-paper);letter-spacing:-.025em;text-wrap:balance;line-height:1.15}
.career-page h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 10px}.career-page h2,.career-panel h2{font-size:clamp(1.3rem,2.5vw,1.7rem);margin:0 0 10px}.career-page h3,.career-panel h3{font-size:1.08rem;line-height:1.3;margin:4px 0 8px;color:var(--career-paper)}
.career-page p,.career-panel p{max-width:72ch;margin:8px 0 12px;color:var(--career-muted)}
.career-heading,.career-chapter>header,.career-casting>header,.career-event>header{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;min-width:0}.career-heading{padding:8px 0 22px}.career-heading>div{min-width:0}.career-heading>button{flex-shrink:0}
.career-page .button,.career-panel .button{min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.3;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent}
.career-page :focus-visible,.career-panel :focus-visible,.drive-top-left [data-career-action]:focus-visible{outline:3px solid var(--career-teal,#8de0cf);outline-offset:4px}
.career-page ::selection,.career-panel ::selection{background:#8de0cf;color:#112321}
.career-help{border-top:1px solid #5a4d3f;border-bottom:1px solid #5a4d3f;margin:0 0 26px;padding:10px 0}.career-help summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;font-weight:650;color:var(--career-paper);padding:6px 8px}.career-help>div{padding:4px 8px 12px}.career-help:not([open]){padding-bottom:10px}
.career-next{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;background:#28221d;border:1px solid #b27a50;border-radius:14px;padding:clamp(18px,3vw,28px);margin-bottom:34px}.career-next-action{display:flex;flex-direction:column;align-items:flex-end;gap:12px;min-width:150px}.career-next-action>span{font-variant-numeric:tabular-nums;font-weight:650;color:var(--career-teal)}
.career-reward{color:var(--career-copper)!important;font-size:.88rem}.career-state,.career-step{display:block;color:var(--career-muted);font-size:.8rem;line-height:1.4}.career-step{margin-bottom:7px}.career-chapter{margin:0 0 36px}.career-chapter>header{padding:0 0 12px;border-bottom:1px solid #5a4d3f}.career-chapter>header>.career-state{padding-top:6px;text-align:right}.career-chapter ol{list-style:none;padding:0;margin:0;counter-reset:stage}.career-chapter li{counter-increment:stage;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:14px;padding:18px 0;border-bottom:1px solid #3e3830}.career-chapter li::before{content:counter(stage);border:1px solid #6b5c49;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:.78rem;color:var(--career-muted);margin-top:2px}.career-chapter li.is-active::before,.career-chapter li.is-ready::before{color:#171c1b;background:var(--career-teal);border-color:var(--career-teal)}.career-chapter li.is-claimed::before{color:var(--career-teal);border-color:#59887d}.career-chapter li p{font-size:.9rem;margin:4px 0 7px}.career-stage-progress{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.85rem;color:var(--career-muted);padding-top:3px}
.career-section-heading{padding:2px 0 12px}.career-mastery,.career-events,.career-trophies{margin:38px 0}.career-casting,.career-event{padding:22px 0;border-top:1px solid #5a4d3f;min-width:0}.career-casting>header>div,.career-event>header>div{min-width:0}.career-casting>header>strong{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--career-teal)}.career-casting>p{font-size:.85rem}.career-casting progress{display:block;width:100%;height:7px;border:0;border-radius:4px;overflow:hidden;background:#423a30;accent-color:var(--career-teal)}.career-casting progress::-webkit-progress-bar{background:#423a30}.career-casting progress::-webkit-progress-value{background:var(--career-teal)}.career-casting progress::-moz-progress-bar{background:var(--career-teal)}
.career-tier-list{list-style:none;padding:0;margin:14px 0}.career-tier-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #3e3830}.career-tier-list li>div{min-width:0}.career-tier-list strong{font-size:.9rem}.career-tier-list li>div>span{display:block;color:var(--career-muted);font-size:.8rem}.career-tier-list .button{font-size:.82rem;flex-shrink:0}.career-finishes,.career-event-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.career-finishes [aria-pressed=true]{border-color:var(--career-teal);color:var(--career-teal);background:#18352f}.career-event.is-featured h3{color:var(--career-copper)}.career-event>header>.career-state{text-align:right;max-width:145px}.career-empty{padding:22px 0}.career-trophies ul{padding-left:20px;color:var(--career-teal)}
.career-save-notice{padding:14px 18px;border:1px solid #bc9056;background:#33291a;border-radius:12px;margin-bottom:20px}.career-save-notice p,.career-notice{color:#f4d7a8!important}.career-notice{padding:10px 0}.career-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 22px}.career-tabs .button[aria-pressed=true]{background:#27463d;color:#b4f4e6;border-color:#8de0cf}
.drive-pause-panel.career-board{width:min(940px,calc(100vw - 40px));max-height:calc(100dvh - 48px);padding:clamp(16px,3vw,30px);overflow:auto;overscroll-behavior:contain;scrollbar-color:#8f745b #1b1916;scrollbar-width:thin}.career-panel .career-page{padding:0;max-width:none}.career-panel .drive-panel-footer{display:flex;flex-wrap:wrap;gap:12px;padding-top:20px;border-top:1px solid #5a4d3f}.career-panel .career-mastery,.career-panel .career-events{margin:0 0 22px}.career-panel .career-trophies{margin-bottom:26px}
@media(hover:hover) and (pointer:fine){.career-page .button:hover,.career-panel .button:hover{filter:brightness(1.13)}.career-help summary:hover{color:var(--career-teal)}}
.career-page .button:active,.career-panel .button:active{filter:brightness(.9)}.career-page .button:disabled,.career-panel .button:disabled{opacity:.55;cursor:default;filter:none}
@media(max-width:650px){.career-page{padding:18px 14px 32px}.career-heading{flex-wrap:wrap;gap:12px}.career-next{grid-template-columns:minmax(0,1fr);gap:12px;padding:18px}.career-next-action{align-items:stretch;min-width:0}.career-next-action>span{text-align:left}.career-chapter>header{gap:12px}.career-chapter li{grid-template-columns:24px minmax(0,1fr);gap:10px}.career-chapter li::before{width:23px;height:23px}.career-stage-progress{grid-column:2;padding:0}.career-casting>header,.career-event>header{gap:12px;flex-wrap:wrap}.career-event>header>.career-state{text-align:left;max-width:none}.career-tier-list li{gap:10px}.career-finishes .button,.career-event-actions .button{flex:1 1 170px}.drive-pause-panel.career-board{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:16px}.career-tabs{gap:6px}.career-tabs .button{padding-inline:12px;flex:1 1 auto}.career-context-start{max-width:155px;white-space:normal;font-size:11px}}
@media(max-height:500px) and (min-width:651px){.drive-pause-panel.career-board{max-height:calc(100dvh - 20px);padding:18px}.career-panel .career-tabs{padding-bottom:14px}.career-panel .career-heading{padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){.career-page *,.career-panel *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}