/* Scoped to Career: the main menu, matches and other modes keep their layout. */
.card.paged.career-hub-screen{max-width:1060px}
.career-hub-screen .page-content{padding:2px;gap:0}
.career-hub{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;min-height:100%}
.career-hub section{min-width:0;display:flex;flex-direction:column;gap:10px}
.career-hub .chead,.career-hub .cstats,.career-hub .cweek,.career-hub .cnext,.career-hub .cnav,.career-hub h3,.career-hub p{margin:0}
.career-hub .chead{min-height:48px}.career-hub .chead>div{min-width:0;overflow-wrap:anywhere}
.career-hub .chead .ccrest{width:40px;height:40px}
.career-hub .chead b{font-size:20px}.career-hub .chead small{display:block}
.ch-world{border:2px solid var(--pixel-edge);background:var(--pixel-panel);box-shadow:var(--pixel-bevel);overflow:hidden}
.ch-scene{display:block;width:100%;height:auto;image-rendering:pixelated}
.ch-rooms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px;background:var(--pixel-panel);border-top:2px solid var(--pixel-edge)}
.career-hub .ch-rooms button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:44px;padding:3px;font-size:14px}
.ch-rooms .pxi{flex:none;width:18px;height:18px}.ch-room-label{min-width:0;white-space:nowrap}
.ch-titles{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ui-accent);border-left:3px solid var(--ui-accent);padding:5px 8px;background:var(--pixel-panel)}
.ch-title-icon{display:flex;flex:none}
.career-hub .cweek{font-size:13px;line-height:1.25}
.career-hub .grid2{gap:6px}.career-hub .grid2 button{min-width:0;min-height:44px;padding:6px;font-size:16px;line-height:1.15}
.career-hub .grid2 button small{display:block;font-size:12px;line-height:1.2;margin-top:3px}
.career-hub .cnav{margin-top:auto}.career-hub .cnav button{font-size:15px}
.career-hub #cQuit{font-size:13px;padding:5px;min-height:36px}
.career-hub h3{font-size:17px}.career-hub h3 small{font-size:12px}
.career-hub #cTrain{background:var(--pixel-panel);border:2px solid var(--ui-accent);padding:6px;box-shadow:var(--pixel-bevel)}
.career-hub #cTrain p{font-size:13px}.career-hub #cTrain .opts{gap:4px;margin-top:5px}
.career-hub #cTrain button{min-height:36px;padding:4px;font-size:14px}
.career-hub #cGrad{font-size:12px;padding:5px 7px}
/* Same panels, portraits and square icon buttons as Mi equipo and the shop. */
.career-hub .chead{background:var(--pixel-tile);padding:6px;border:2px solid var(--pixel-edge);box-shadow:var(--pixel-bevel)}
.career-hub .chead #cMgr canvas{border-radius:0;image-rendering:pixelated;box-shadow:2px 2px var(--pixel-ink)}
.career-hub .cstats>div{background:var(--pixel-panel);border-color:var(--pixel-edge);box-shadow:var(--pixel-bevel)}
.career-hub .cstats label,.career-hub .chead small{color:var(--ui-muted);opacity:1}
.career-hub .cnext{background:var(--pixel-tile);border:2px solid var(--pixel-edge);border-left:4px solid var(--ui-accent);box-shadow:var(--pixel-bevel)}
.career-hub .cnext>div{min-width:0;overflow-wrap:anywhere}
.career-hub h3{color:var(--ui-accent)}
.career-hub h3 small{color:var(--ui-muted)}
.career-hub .grid2 [data-act]{display:flex;flex-direction:row;align-items:center;gap:8px;text-align:left;font-weight:400}
.ch-activity-icon{display:flex;flex:none}.ch-activity-icon .pxi{width:24px;height:24px}
.ch-activity-label{min-width:0}.career-hub .grid2 [data-act] small{color:var(--ui-muted)}
.career-hub #cQuit{color:var(--ui-muted);background:var(--pixel-panel)}
@media(max-width:650px){
 .career-hub{display:flex;flex-direction:column;gap:7px;min-height:0}
 .career-hub section{gap:5px}.career-hub .chead{min-height:38px;gap:6px;padding:3px}.career-hub .chead b{font-size:17px}
 .career-hub .chead .ccrest,.career-hub #cMgr canvas{width:32px;height:32px}.career-hub .chead small{font-size:11px}
 .career-hub .cstats{gap:5px}.career-hub .cstats>div{padding:3px 5px;gap:1px}
 .career-hub .cstats label,.career-hub .cstats small{font-size:10px}.career-hub .cmoney{font-size:14px}.career-hub .cbar{height:5px}
 .ch-scene{height:112px;object-fit:contain;background:#78a66a}.ch-rooms{padding:3px}.career-hub .ch-rooms button{min-height:44px;font-size:12px;gap:3px}.ch-rooms .pxi{width:14px;height:14px}
 .career-hub .cweek,.ch-titles{font-size:11px}.ch-titles{padding:3px 6px}
 .career-hub .cnext{padding:5px 7px;gap:6px;box-shadow:none}.career-hub .cnext b{font-size:14px}.career-hub .cnext small{font-size:11px}
 .career-hub .cnext .ccrest{width:28px;height:28px}
 .career-hub h3{font-size:15px}.career-hub h3 small{font-size:10px}
 .career-hub .grid2 button{font-size:14px;padding:4px;min-height:44px}.career-hub .grid2 button small{font-size:10px;margin-top:2px}
 .career-hub .cnav{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
 .career-hub .cnav button{font-size:12px;overflow-wrap:anywhere}.career-hub .cnav .pix-icon{width:14px;height:14px}
 .career-hub #cQuit{min-height:32px;font-size:12px;padding:3px}
 .career-hub .grid2 [data-act]{gap:5px}.ch-activity-icon .pxi{width:16px;height:16px}
}
@media(max-height:520px) and (min-width:651px){
 .career-hub{gap:12px;min-height:0}.career-hub section{gap:5px}
 .career-hub .chead{min-height:32px}.career-hub .chead .ccrest,.career-hub #cMgr canvas{width:28px;height:28px}
 .career-hub .chead b{font-size:15px}.career-hub .chead small{font-size:10px}
 .career-hub .cstats>div{padding:2px 5px}.career-hub .cstats label,.career-hub .cstats small{font-size:10px}
 .career-hub .cbar{height:4px}.ch-scene{height:100px;object-fit:contain;background:#78a66a}
 .ch-rooms{padding:3px}.career-hub .ch-rooms button{min-height:44px;font-size:12px}.ch-rooms .pxi{width:14px;height:14px}
 .career-hub .cweek,.ch-titles{font-size:10px}.ch-titles{padding:2px 4px}
 .career-hub .cnext{padding:4px 6px}.career-hub .cnext b{font-size:13px}.career-hub .cnext small{font-size:10px}
 .career-hub .cnext .ccrest{width:24px;height:24px}.career-hub h3{font-size:13px}.career-hub h3 small{font-size:10px}
 .career-hub .grid2 button{min-height:36px;font-size:12px;padding:3px}.career-hub .grid2 button small{font-size:10px;margin-top:1px}
 .career-hub .cnav{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.career-hub .cnav button{font-size:11px;overflow-wrap:anywhere}
 .career-hub #cQuit{font-size:11px;min-height:28px;padding:2px}.career-hub #cGrad{font-size:10px;padding:3px}
 .ch-scene{height:74px}.career-hub .chead{padding:3px}.ch-activity-icon .pxi{width:16px;height:16px}
}
@media(max-width:650px) and (max-height:740px){
 .career-hub{gap:4px}.career-hub section{gap:4px}
 .ch-scene{height:78px}.career-hub .ch-rooms button{min-height:44px;font-size:12px}
 .career-hub .cnav button{min-height:40px;font-size:11px}
 .career-hub .grid2 button small{font-size:9px}
 .career-hub .cweek,.ch-titles{font-size:10px}
 .career-hub h3 small{display:inline;margin-left:5px}
 .career-hub #cQuit{min-height:28px}
}