.career-screen{position:fixed;inset:0;z-index:75;overflow:auto;color:var(--ink);background:linear-gradient(180deg,#eef7ff 0%,#fbfdff 52%,#f5f8fc 100%)}
.career-screen[hidden]{display:none!important}.career-topbar{min-height:76px;position:sticky;top:0;z-index:8;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:14px clamp(16px,3vw,36px);background:rgba(255,255,255,.95);border-bottom:1px solid rgba(30,70,110,.09);backdrop-filter:blur(18px)}
.career-back,.career-house-btn{border:0;min-height:44px;padding:0 16px;border-radius:14px;font-weight:850;cursor:pointer}.career-back{background:#edf5ff;color:#245581}.career-house-btn{background:#173f68;color:white}.career-title{display:flex;flex-direction:column;gap:2px}.career-title strong{font-size:1.08rem}.career-title small{color:var(--muted);font-weight:650}
.career-shell{width:min(1500px,calc(100% - 34px));margin:0 auto;padding:24px 0 120px;display:grid;grid-template-columns:minmax(240px,300px) minmax(540px,1fr) minmax(250px,320px);gap:18px;align-items:start}.career-card{background:#fff;border:1px solid rgba(29,63,99,.08);box-shadow:0 15px 42px rgba(29,63,99,.08);border-radius:24px}.career-side{padding:20px;position:sticky;top:100px}.career-main{display:grid;gap:15px}.career-kicker{margin:0 0 7px;color:#607a97;font-size:.7rem;font-weight:950;letter-spacing:.18em}.career-hero{padding:24px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.career-hero h2{margin:2px 0 7px;font-size:clamp(1.7rem,3vw,2.45rem);letter-spacing:-.04em}.career-hero p{margin:0;color:var(--muted);line-height:1.55}.career-level-orb{width:94px;height:94px;border-radius:28px;background:linear-gradient(135deg,#398cff,#725cff);color:#fff;display:grid;place-items:center;text-align:center;box-shadow:0 15px 30px rgba(48,118,220,.25)}.career-level-orb small{display:block;font-size:.65rem;letter-spacing:.12em;font-weight:900}.career-level-orb strong{display:block;font-size:2.1rem;line-height:1}
.career-progress-card{padding:20px}.career-progress-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end}.career-progress-head strong{font-size:1rem}.career-progress-head span{font-size:.74rem;color:#55718d;font-weight:850}.career-bar{height:10px;border-radius:999px;background:#eaf0f6;overflow:hidden;margin:12px 0 8px}.career-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#398cff,#45d3b8);border-radius:inherit;transition:width .25s ease}.career-progress-card p{margin:0;color:var(--muted);font-size:.78rem}
.career-choice{padding:22px}.career-choice h3,.career-section h3{margin:0 0 4px}.career-choice>p,.career-section>p{margin:0 0 15px;color:var(--muted);font-size:.82rem;line-height:1.5}.career-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.career-choice-card{padding:18px;border:1px solid #e1eaf3;border-radius:20px;background:#fbfdff}.career-choice-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;font-size:1.6rem;background:#edf5ff;margin-bottom:10px}.career-choice-card h4{margin:0 0 5px;font-size:1.05rem}.career-choice-card p{margin:0 0 14px;color:var(--muted);font-size:.76rem;line-height:1.5}.career-choice-card button,.career-branch-card button,.career-task button{border:0;background:linear-gradient(135deg,var(--blue),#22a8ff);color:#fff;border-radius:12px;padding:10px 13px;font-weight:900;cursor:pointer}.career-choice-card button:disabled,.career-branch-card button:disabled,.career-task button:disabled{opacity:.45;cursor:not-allowed}
.career-section{padding:22px}.career-ranks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.career-rank{padding:13px;border-radius:16px;background:#f5f8fb;border:1px solid #e8eef5}.career-rank.done{background:#eaf8f4;border-color:#ccefe5}.career-rank.current{background:#ecf6ff;border-color:#badcff}.career-rank span{display:block;font-size:.66rem;color:var(--muted);font-weight:850}.career-rank strong{display:block;margin-top:3px;font-size:.84rem}.career-rank i{display:block;margin-top:6px;font-style:normal;font-size:.7rem;color:#4d6e8c;font-weight:800}
.career-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.career-branch-card{padding:14px;border:1px solid #e5edf4;border-radius:18px;background:#fbfdff;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:start}.career-branch-card.selected{border-color:#9bd1ff;background:#eef8ff}.career-branch-card.locked{opacity:.68}.career-branch-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#edf5ff;font-size:1.25rem}.career-branch-card h4{margin:0 0 3px;font-size:.88rem}.career-branch-card p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.4}.career-branch-card button{grid-column:1/-1;margin-top:2px;width:100%}.career-branch-lock{grid-column:1/-1;font-size:.68rem;color:#738297;font-weight:800}
.career-ladder{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px}.career-ladder-step{padding:11px 8px;border-radius:14px;background:#f5f8fb;text-align:center;border:1px solid #e7edf4}.career-ladder-step.done{background:#e9f8f3;border-color:#cceee3}.career-ladder-step.current{background:#eaf5ff;border-color:#acd8ff}.career-ladder-step b{display:block;font-size:.9rem}.career-ladder-step small{font-size:.62rem;color:var(--muted);font-weight:750}
.career-tasks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.career-task{padding:12px;border:1px solid #e4ecf4;border-radius:16px;background:#fbfdff;display:grid;grid-template-columns:40px 1fr auto;gap:9px;align-items:center}.career-task-icon{width:40px;height:40px;border-radius:13px;background:#edf5ff;display:grid;place-items:center;font-size:1.15rem}.career-task-copy{min-width:0}.career-task-copy strong{display:block;font-size:.8rem}.career-task-copy small{display:block;color:var(--muted);font-size:.66rem;line-height:1.35;margin-top:2px}.career-task button{padding:8px 10px;font-size:.7rem}.career-task.project{grid-column:1/-1;background:linear-gradient(135deg,#fff8e9,#fffdf7);border-color:#f0dfb5}.career-task.project .career-task-icon{background:#fff0c7}
.career-person{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center;padding:12px;border-radius:17px;background:#f7fafc;margin-bottom:9px}.career-person-avatar{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#398cff,#735eff);background-size:cover;background-position:center;display:grid;place-items:center;color:white;font-weight:950}.career-person-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.career-person-copy strong{font-size:.88rem}.career-person-copy small{font-size:.68rem;color:var(--muted)}.career-person-copy .career-job{color:#2876b7;font-weight:850}.career-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.career-stat-grid div{padding:10px;border-radius:14px;background:#f5f8fb;text-align:center}.career-stat-grid small{display:block;color:var(--muted);font-size:.62rem}.career-stat-grid strong{font-size:.95rem}
.career-note{margin-top:14px;padding:13px;border-radius:15px;background:#fff6e4;border:1px solid #f2e1b9}.career-note strong{font-size:.8rem}.career-note p{margin:5px 0 0;color:#75664e;font-size:.7rem;line-height:1.45}
.career-activity{position:fixed;left:50%;bottom:18px;z-index:88;transform:translateX(-50%);width:min(760px,calc(100% - 28px));display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:20px;background:rgba(20,40,65,.96);color:white;box-shadow:0 20px 55px rgba(7,21,38,.3)}.career-activity[hidden]{display:none!important}.career-activity-avatar{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#398cff,#735eff);background-size:cover;background-position:center;display:grid;place-items:center;font-weight:950}.career-activity-copy>div:first-child{display:flex;justify-content:space-between;gap:10px}.career-activity-copy strong{font-size:.85rem}.career-activity-copy span{font-size:.75rem;color:#bee0ff;font-weight:850}.career-activity-copy small{font-size:.67rem;color:#c5d1dd}.career-activity button{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;border-radius:12px;padding:9px 12px;font-weight:850;cursor:pointer}.career-toast{position:fixed;right:20px;bottom:20px;z-index:95;max-width:380px;padding:13px 16px;border-radius:15px;background:#173858;color:white;box-shadow:0 14px 38px rgba(12,33,54,.24);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s ease;font-size:.8rem;font-weight:750}.career-toast.show{opacity:1;transform:none}.career-activity:not([hidden])~.career-toast{bottom:102px}
.secondary-actions{grid-template-columns:repeat(3,1fr)}.menu-player-level{font-size:.66rem!important;color:#2f7dbd!important;font-weight:900!important;margin-top:1px}
@media(max-width:1180px){.career-shell{grid-template-columns:240px minmax(0,1fr)}.career-partner-side{grid-column:1/-1;position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.career-partner-side>.career-kicker{grid-column:1/-1}}
@media(max-width:820px){.career-topbar{grid-template-columns:auto 1fr}.career-house-btn{display:none}.career-shell{width:min(100% - 20px,760px);grid-template-columns:1fr;padding-top:14px}.career-side{position:static}.career-side:first-child{order:2}.career-main{order:1}.career-partner-side{order:3;display:block}.career-choice-grid,.career-branches,.career-tasks{grid-template-columns:1fr}.career-task.project{grid-column:auto}.career-ladder{grid-template-columns:repeat(2,minmax(0,1fr))}.secondary-actions{grid-template-columns:1fr 1fr}.secondary-actions button:last-child{grid-column:1/-1}}
@media(max-width:560px){.career-topbar{min-height:66px;padding:10px 12px}.career-shell{width:calc(100% - 14px);gap:10px;padding-bottom:118px}.career-card{border-radius:19px}.career-hero{display:block;padding:19px}.career-level-orb{width:76px;height:76px;border-radius:22px;margin-top:14px}.career-ranks{grid-template-columns:1fr}.career-ladder{grid-template-columns:repeat(2,1fr)}.career-activity{bottom:8px;grid-template-columns:44px 1fr}.career-activity-avatar{width:44px;height:44px}.career-activity button{grid-column:1/-1;width:100%}}