.four-party{position:static;display:flex;gap:4px;align-items:center;justify-content:center;flex-wrap:wrap;max-width:min(430px,90vw);padding:6px;background:#f8eedccc;border:1px solid #ab9567;border-radius:9px;pointer-events:auto;font-size:12px;color:#31584e}.four-party[hidden]{display:none}.four-party button{font-size:12px;padding:5px 7px;min-height:30px;background:#fbf3dd;color:#31584e;border:1px solid #b0a079;border-radius:6px}.four-party button[aria-pressed=true]{background:#31584e;color:#fff3d6}.four-party button:disabled{opacity:.45}.four-settings{margin-bottom:14px}.four-settings small{grid-column:1/-1}@media(max-width:600px){.four-party{max-width:calc(100vw - 24px);gap:3px}.four-party button{font-size:11px;padding:4px 6px;min-height:30px}}

/* Dedicated profession action remains reachable while both skill pages stay on Q. */
#profession[hidden]{display:none!important}
body.four-pages #hud .skills #profession{min-width:92px}
@media(pointer:coarse),(max-width:760px){body.four-pages #hud .skills #profession{grid-column:1/-1;width:auto!important;min-width:0;height:44px!important;min-height:44px!important;display:flex;flex-direction:row;justify-content:center;gap:6px}body.four-pages #hud .skills #profession strong{font-size:12px}body.four-pages #hud .skills #profession kbd{display:inline}body.four-pages #hud .combo-hint{bottom:calc(var(--touch-bottom) + 207px)}}

@media(min-width:761px) and (pointer:fine){body.four-pages #hud .skills{grid-template-columns:125px 125px 155px 155px 140px}body.four-pages #hud .skills #profession{padding:16px 12px!important}}