/* Six playable tribes, with readable choices on narrow screens. */
.tribe-grid,.public-portal .wizard-tribe-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}
.tribe-grid{align-items:start}
.public-portal .wizard-tribe-tab strong{overflow-wrap:anywhere}
.tl-body.tl-join{grid-template-columns:minmax(0,1fr);width:100%}
.tl-join .tl-join-panel{min-width:0;max-width:100%}
@media(max-width:600px){
  .public-portal .wizard-tribe-tabs,.tl-tribe-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px}
  .public-portal .wizard-tribe-tab img{aspect-ratio:1.6;max-height:85px}
  .public-portal .wizard-tribe-tab strong{font-size:12px;padding:5px 2px}
  .tl-tribe-tabs label img{height:56px;object-fit:cover;object-position:center 20%}
  .tl-tribe-tabs label span{font-size:12px}
  .tribe-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .tribe-card>strong{box-sizing:border-box;font:600 clamp(8px,2.5vw,9px)/1.2 Arial,sans-serif;text-transform:none;letter-spacing:0;padding-inline:0;max-width:100%;overflow-wrap:anywhere}
}
@media(max-width:390px){
  .tl-join .tl-header{padding-inline:10px;gap:6px}
  .tl-join .tl-brand img{width:28px;height:28px}
  .tl-join .tl-brand>span{font-size:16px}
  .tl-join .tl-account-link{max-width:78px;white-space:normal;text-align:center;font-size:11px;line-height:1.2}
  .tl-join .tl-join-actions{gap:10px}
  .tl-join .tl-join-actions .tl-button{min-width:0;padding-inline:16px}
}

@media(max-width:360px){.tribe-card>strong{font-weight:400;letter-spacing:-.15px}}