.career-dialog{box-sizing:border-box;width:min(700px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:26px;color:#f4f6fb;background:#101823;border:1px solid #516672;border-top:3px solid #7ce5cc;border-radius:16px;font-family:var(--body,Sora,sans-serif);scrollbar-width:thin;scrollbar-color:#7ce5cc transparent}
.career-dialog::backdrop{background:#02050bbb;backdrop-filter:blur(5px)}
.career-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #ffffff26;padding-bottom:18px}
.career-header h2{font-size:26px;margin:7px 0 0}.career-header small,.career-content>small{color:#7ce5cc;letter-spacing:.14em;font-size:11px;font-weight:800}
.career-header .pill-btn{min-width:84px;min-height:44px}.career-content{display:grid;gap:18px;padding-top:20px}.career-content p{margin:0;line-height:1.6;color:#c5d2dd}.career-content h3{font-size:23px;line-height:1.4;margin:0}.career-content .cta{position:relative;inset:auto;box-sizing:border-box;width:100%;height:54px;min-height:54px;font-size:20px;background:#7ce5cc;color:#102127;transform:none;padding:14px;opacity:1;pointer-events:auto}.career-content .pill-btn{min-height:48px}.career-pay{display:grid;gap:8px;padding:18px;background:#7ce5cc16;border:1px solid #7ce5cc55;border-radius:10px}.career-pay b{color:#7ce5cc}.career-pay span{font-size:13px}.career-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.career-card{display:grid;gap:10px;text-align:left;padding:18px;border:1px solid #668197;border-radius:9px;background:#1a2838;color:#f4f6fb;font:inherit;cursor:pointer;min-height:122px}.career-card:hover,.career-card:focus-visible{border-color:#7ce5cc;background:#234238}.career-card span,.career-card small{font-size:12px;color:#becbd6}.career-status{min-height:2em;font-size:13px}.career-backup{background:none;border:0;color:#abc5cf;text-decoration:underline;justify-self:start;padding:8px;cursor:pointer}
.hub-packs .pack2d[hidden]{display:none}.hud-economy{display:flex;gap:16px;padding:7px 10px;background:#080b10dc;transform:skewX(-10deg);font:700 11px/1.2 var(--body);color:#a9dace}.hud-economy span{transform:skewX(10deg)}.hud-economy b{color:#fff;font-size:16px;margin-left:5px}.hub-actions .hub-work{border-color:#7ce5cc}.hub-actions .hub-city,.hub-actions .hub-work{flex:1 1 40%;font-size:12px}
@media(max-width:480px){.career-dialog{padding:18px}.career-header h2{font-size:22px}.career-content h3{font-size:20px}.career-options{gap:8px}.career-card{padding:12px;min-height:126px}.career-card b{font-size:14px}}
html.wide .hub-actions .hub-city,html.wide .hub-actions .hub-work{grid-column:auto;font-size:14px}
.career-card{grid-template-columns:55px 1fr;column-gap:12px;row-gap:5px}.career-card img{width:55px;height:80px;object-fit:contain;grid-row:1/4;align-self:center}.career-card b,.career-card span,.career-card small{grid-column:2}.career-contract{display:grid;gap:9px;background:#1a2838;border:1px solid #607b88;border-radius:10px;padding:18px;text-align:left;color:#fff;font:inherit;cursor:pointer}.career-contract:disabled{opacity:.55;cursor:default}.career-contract small{color:#9bdeca}.career-contract span{font-size:13px;line-height:1.6;color:#c5d2dd}
@media(max-width:480px){.career-card{grid-template-columns:1fr}.career-card img{display:none}.career-card b,.career-card span,.career-card small{grid-column:1}}

html:not(.wide) .scr-hub:not(.story) .hub-actions{top:620px;row-gap:10px}
html:not(.wide) .scr-hub:not(.story) .hub-actions .pill-btn{height:50px}
html:not(.wide) .scr-hub:not(.story) .hub-counter-banner{display:none}
@media(max-width:480px){.career-card{grid-template-columns:38px 1fr;column-gap:8px}.career-card img{display:block;width:38px;height:58px}.career-card b,.career-card span,.career-card small{grid-column:2}.career-card small{font-size:11px}}

#dialogue-settings-button{position:absolute;right:68px;top:calc(14px + var(--safe-t,0px));width:44px;height:44px;display:grid;place-items:center;padding:0;background:#071019bc;color:#edf4f6;border:1px solid #ffffff33;border-radius:6px;pointer-events:auto;cursor:pointer}#dialogue-settings-button svg{width:24px;height:24px}.dialogue-slider{display:grid;grid-template-columns:1fr auto;gap:12px}.dialogue-slider input{grid-column:1/-1;width:100%;accent-color:#7ce5cc}.dialogue-slider output{font-weight:700;color:#7ce5cc}