#career-screen.has-career-hub{width:100%;max-width:none;margin:0;padding:0;color:#f8efdd;background:#15171d}.career-hub{max-width:1600px;margin:auto;min-height:calc(100svh - 78px);display:grid;grid-template-columns:50% 50%;grid-template-rows:auto 1fr auto auto;position:relative;background:radial-gradient(ellipse at 15% 70%,color-mix(in srgb,var(--career-accent) 25%,#181a20),transparent 70%)}.career-hub-heading{grid-column:2;padding:22px 34px 8px}.career-hub-heading>span{color:#ffe500;font-size:11px;letter-spacing:1.4px}.career-hub-heading h2{font:900 clamp(30px,3.6vw,54px)/1 var(--display);text-transform:uppercase;margin:8px 0}.career-hub-heading p{font-size:12px;color:#bbb7ad;margin:0}.career-hub-scene{grid-column:1;grid-row:1/3;position:relative;min-height:550px;overflow:hidden;isolation:isolate}.career-hub-image{position:absolute;inset:0;background-image:linear-gradient(180deg,#15171d33 0%,#15171d22 35%,#15171df2 90%),var(--career-scene);background-size:cover;background-position:center;filter:saturate(.7);animation:career-reveal .3s ease-out}.career-hub-word{position:absolute;top:12%;left:5%;font:900 clamp(60px,8vw,135px)/1 var(--display);text-transform:uppercase;color:#ffe500;transform:rotate(-6deg);text-shadow:4px 5px 0 #111a;letter-spacing:-2px}.career-hub-caption{position:absolute;bottom:38px;left:7%;right:7%;border-left:5px solid #ffe500;padding:14px 22px;background:#15171da8;backdrop-filter:blur(3px)}.career-hub-caption>span{font-size:11px;color:#ffe500;letter-spacing:1px}.career-hub-caption h3{font:800 clamp(27px,3vw,43px)/1.05 var(--display);text-transform:uppercase;margin:12px 0}.career-hub-caption p{font-size:15px;line-height:1.4;color:#dbd6c9}.career-hub-progress{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:20px}.career-hub-progress i{width:25px;height:27px;display:grid;place-items:center;border:1px solid #9b978d;font-style:normal;font-size:12px}.career-hub-progress i.done{background:#ffe500;color:#181820;border-color:#ffe500}.career-hub-progress b{font-size:11px;margin-left:4px}.career-hub-info{grid-column:2;padding:16px 34px 26px 0;display:flex;flex-direction:column;gap:18px;justify-content:center}.career-hub-profile{background:#f8efdd;color:#181820;padding:20px 24px;border-left:6px solid #ffe500;box-shadow:6px 6px 0 #ffe500}.career-hub-opponent{display:flex;gap:20px;align-items:center}.career-hub-opponent img{width:92px;height:105px;object-fit:cover;object-position:center 20%;border:2px solid #24242b}.career-hub-tag{display:inline-block;font-size:11px;font-weight:800;padding:4px 6px;background:#ffe500}.career-hub-opponent h3{font:900 clamp(36px,4vw,60px)/.95 var(--display);text-transform:uppercase;margin:7px 0}.career-hub-opponent strong{font-size:16px}.career-hub-profile blockquote{font-size:15px;line-height:1.4;margin:16px 0 8px;font-style:italic}.career-hub-tip{font-size:12px;color:#65605a;margin:6px 0 14px}.career-hub-ladder{list-style:none;padding:0;margin:0;border-top:2px solid #24242b;display:grid;gap:3px;padding-top:10px}.career-hub-ladder button{display:grid;grid-template-columns:25px 1fr auto;gap:8px;width:100%;align-items:center;text-align:left;border:0;border-bottom:1px solid #d6cdbb;background:transparent;border-radius:0;color:#181820;padding:7px 8px;min-height:35px;font-size:13px}.career-hub-ladder b{font-size:12px}.career-hub-ladder small{font-size:9px;letter-spacing:.5px}.career-hub-ladder button[aria-pressed=true]{background:#ffe500;font-weight:800}.career-hub-ladder button:disabled{opacity:.45}.career-hub-locations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.career-hub-locations button{min-height:95px;background-size:cover;background-position:center;border:2px solid #726f69;padding:30px 9px 9px;text-align:left;color:#fff3df;display:flex;flex-direction:column;justify-content:end;transition:transform .15s}.career-hub-locations button[aria-pressed=true]{border:3px solid #ffe500;transform:translateY(-2px);color:#ffe500}.career-hub-locations strong{font:800 clamp(17px,2vw,24px) var(--display);text-transform:uppercase}.career-hub-locations small{font-size:10px;color:#ddd6c8}.career-hub-actions{grid-column:1/3;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 30px;background:#101114;border-top:1px solid #6a6038;z-index:2}.career-hub-actions>span{margin-right:auto;font-size:12px;color:#bab8b0}.career-hub-actions button,.career-hub-tournament button,.career-hub-grudge{background:transparent;border:1px solid #6a6870;color:#f8efdd;padding:12px 16px;font:800 19px var(--display);text-transform:uppercase}.career-hub-actions button[data-action=fight]{background:#ffe500;color:#15171d;border-color:#ffe500;min-width:200px}.career-hub-actions kbd{border:2px solid currentColor;border-radius:50%;font:700 17px sans-serif;padding:0 5px;margin-right:7px}.career-hub-save{grid-column:1/3;display:flex;justify-content:space-between;align-items:center;padding:8px 30px;font-size:11px;color:#aaa69e}.career-hub-save button{border:0;background:transparent;color:#aaa69e;font-size:11px;padding:8px}.career-hub-tournament{grid-column:1/3;display:flex;gap:20px;align-items:center;padding:15px 30px;background:#24222a}.career-hub-tournament strong{color:#ffe500}.career-hub-tournament button{margin-left:auto}.career-hub-grudge{color:#181820;font-size:15px;padding:8px;margin-top:12px}.career-hub button:focus-visible{outline:3px solid #fff!important;outline-offset:3px}.career-hub-profile button:focus-visible{outline-color:#5d3198!important}@keyframes career-reveal{from{opacity:.5;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@media(max-width:1000px){.career-hub-actions>span{display:none}.career-hub-info{padding-right:22px}.career-hub-profile{padding:16px}.career-hub-caption{left:5%;right:5%;padding:14px}.career-hub-locations strong{font-size:17px}}@media(max-width:680px){.career-hub{grid-template-columns:1fr;grid-template-rows:auto 260px auto auto auto;min-height:0}.career-hub-heading{grid-column:1;grid-row:1;padding:18px}.career-hub-scene{grid-column:1;grid-row:2;min-height:0}.career-hub-word{font-size:56px;top:5%;left:6%}.career-hub-caption{bottom:8px;padding:10px 14px}.career-hub-caption h3{font-size:25px;margin:6px 0}.career-hub-caption p{font-size:12px;margin:5px 0}.career-hub-progress{margin-top:10px}.career-hub-info{grid-column:1;grid-row:3;padding:18px;gap:18px}.career-hub-profile{padding:16px}.career-hub-locations{order:-1;gap:7px}.career-hub-locations button{min-height:80px;padding:25px 7px 7px}.career-hub-actions{grid-column:1;position:sticky;bottom:0;padding:10px 8px;gap:6px}.career-hub-actions button{font-size:13px;padding:10px 7px}.career-hub-actions button[data-action=fight]{min-width:0;flex:1}.career-hub-actions kbd{font-size:12px;margin-right:3px}.career-hub-save{grid-column:1;padding:8px 16px}.career-hub-tournament{grid-column:1;flex-wrap:wrap;padding:16px}.career-hub-tournament button{margin-left:0}}@media(prefers-reduced-motion:reduce){.career-hub-image{animation:none}.career-hub-locations button{transition:none}}

#career-opponent-preview{position:absolute;inset:3% 0 17%;width:100%;height:80%;z-index:1;pointer-events:none}.career-hub-word{top:6%;font-size:clamp(50px,6.7vw,108px)}.career-hub-caption{z-index:2;bottom:20px;padding:10px 18px}.career-hub-caption h3{font-size:25px;margin:7px 0}.career-hub-caption p{display:none}.career-hub-progress{margin-top:10px}.career-cv-heading{display:flex;justify-content:space-between;align-items:center;margin:16px 0 8px;font-size:12px}.career-cv-heading strong{letter-spacing:2px}.career-cv-heading span{color:#65605a;font-size:11px}.career-hub-ladder em{display:block;font-size:11px;font-weight:400;font-style:normal;margin-top:2px}.career-hub-ladder button{min-height:43px}.career-hub-ladder button b{border:1px solid #bbb19f;padding:3px;text-align:center}.career-hub-ladder button[aria-pressed=true] b{border-color:#181820}@media(max-width:680px){.career-hub{grid-template-rows:auto 420px auto auto auto}.career-hub-word{font-size:46px;top:3%}#career-opponent-preview{inset:0 0 18%;height:82%}.career-hub-caption h3{font-size:21px}.career-hub-caption{bottom:8px}.career-hub-profile{padding:16px}}