.choosing-career #app{height:auto;min-height:100svh}.choosing-career .arena,.choosing-career .controls-deck,.choosing-career .run-strip,.choosing-career footer,.choosing-career #pause,.choosing-career #locker,.choosing-career #career-home{display:none}
#career-screen[hidden]{display:none}#career-screen{width:min(1220px,100%);margin:auto;padding:36px 28px 24px;color:#302c36}
.career-intro{text-align:center;margin-bottom:28px}.career-intro>span{color:#a65c43;font-size:12px;letter-spacing:2px;font-weight:700}.career-intro h2{font:700 clamp(28px,3.3vw,42px) 'Space Grotesk',sans-serif;letter-spacing:-1.3px;margin:10px 0}.career-intro p{font-size:16px;color:#7e7478;margin:8px 0 12px}.career-intro small{font-size:13px;color:#82767a}
.career-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.career-card{border:1px solid #d7cdc2;border-top:5px solid var(--career-color);border-radius:12px;background:#fffaf1;padding:23px;display:flex;flex-direction:column;position:relative;transition:border-color .15s,box-shadow .15s}
.career-card.selected{box-shadow:0 0 0 2px var(--career-color),0 15px 35px #5142500d}.career-card-heading{display:flex;justify-content:space-between;align-items:center;color:#918289}.career-card-heading>span{font:700 27px 'Space Grotesk';color:var(--career-color)}.career-card-heading strong{font-size:11px;letter-spacing:1px}
.career-card h3{font:700 29px 'Space Grotesk';letter-spacing:-.9px;margin:16px 0 6px}.career-style{font-size:14px;color:#7e7478;line-height:1.5;min-height:42px;margin:0 0 14px}
.career-ranks{border-top:1px solid #e0d6ca;border-bottom:1px solid #e0d6ca;padding:11px 0}.career-ranks summary{font-size:13px;cursor:pointer;color:#7c6f72;padding:3px 0}.career-ranks summary:focus-visible{outline:3px solid #c8764b;outline-offset:4px}
.career-card ol{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:3px}.career-card li button{display:flex;gap:10px;width:100%;border:0;border-radius:4px;background:transparent;text-align:left;color:#665a61;font-size:14px;padding:8px}.career-card li span{width:19px;color:#9c8a78}.career-card li button[aria-pressed=true]{background:#eee3d1;color:#302c36;font-weight:700}.career-card li button:disabled{opacity:.42}.career-card li button:hover:not(:disabled){background:#eee3d1}
.career-opponent{margin-top:20px;min-height:132px}.career-opponent>small{font-size:11px;letter-spacing:1.4px;color:#9d7a68;display:block}.career-opponent>strong{font:600 23px 'Space Grotesk';display:block;margin-top:5px}.career-opponent blockquote{font-size:16px;line-height:1.45;color:#79646c;margin:8px 0 18px}
.career-fight{width:100%;border:0;border-bottom:4px solid #a04d3a;background:#cd6248;color:#fff8eb;border-radius:7px;padding:14px;font-size:16px;font-weight:700}.career-fight:hover{background:#b7523b}.career-grudge{margin-top:10px;background:transparent;border:0;color:#806a63;min-height:40px;font-size:13px}
#career-screen button:focus-visible,.career-result-actions button:focus-visible{outline:3px solid #a35332;outline-offset:4px}.career-tournament{margin-top:22px;background:#302a37;color:#f3e6c9;border-radius:10px;padding:20px;display:flex;justify-content:space-between;gap:18px;align-items:center}.career-tournament>div{display:grid;gap:5px}.career-tournament strong{font:600 21px 'Space Grotesk'}.career-tournament span{font-size:14px;color:#c7b8bf}.career-tournament button{background:#d4ae67;color:#302a37;border:0;border-radius:6px;padding:13px 18px;font-weight:700;font-size:14px}
.career-footer{display:flex;justify-content:space-between;gap:14px;margin-top:25px;font-size:12px;color:#91818a;line-height:1.5}.career-reward{color:#328877!important;font-weight:700}.career-result-actions{display:flex;justify-content:center;gap:14px;margin-top:12px}.career-result-actions button{border:0;background:transparent;color:#866d62;font-size:13px;min-height:40px}
@media(max-width:760px){#career-screen{padding:25px 20px}.career-cards{grid-template-columns:1fr;gap:20px}.career-card{padding:20px}.career-intro{text-align:left;margin-bottom:22px}.career-intro h2{font-size:32px}.career-opponent{min-height:0}.career-style{min-height:0}.career-card h3{margin-top:10px}.career-footer{flex-direction:column}.career-tournament{align-items:start;flex-direction:column}.career-tournament button{width:100%}.career-result-actions{gap:8px}}
@media(prefers-reduced-motion:reduce){.career-card{transition:none}}

.career-footer{align-items:center;flex-wrap:wrap}.career-reset{min-height:44px;padding:8px 14px;border:1px solid #bdaea5;border-radius:8px;background:transparent;color:#75544b;font:inherit;cursor:pointer}.career-reset:hover{background:#eaded5}.career-reset-dialog{width:min(440px,calc(100vw - 32px));box-sizing:border-box;border:0;border-radius:18px;padding:28px;background:#fff5e9;color:#362929;box-shadow:0 18px 80px #0006;font-family:inherit}.career-reset-dialog::backdrop{background:#201720b8}.career-reset-dialog h2{margin:0 0 14px;font-size:28px}.career-reset-dialog p{font-size:16px;line-height:1.55}.reset-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.reset-actions button{flex:1;min-width:140px;min-height:48px;padding:12px;border:1px solid #bdaea5;border-radius:8px;background:#fffaf3;color:#362929;font:inherit;font-weight:700;cursor:pointer}.reset-actions [data-reset="confirm"]{background:#a83232;color:white;border-color:#a83232}.reset-actions button:focus-visible,.career-reset:focus-visible{outline:3px solid #248981;outline-offset:3px}.reset-error{color:#a83232}
