/* Keep game and tournament forms inside their dialog at phone widths. */
body.portal-v2 .tournament-wizard { width: 100%; max-width: 100%; }
body.portal-v2 .tournament-wizard .dialog-close { position: static; flex: none; }
body.portal-v2 .wizard-inline-fields { grid-template-columns: repeat(2,minmax(0,1fr)); }
body.portal-v2 .wizard-inline-fields > .field,body.portal-v2 .wizard-inline-fields .input { min-width: 0; }
body.portal-v2 .wizard-inline-fields .input { width: 100%; }
body.portal-v2 .catalog-results { grid-template-columns: repeat(auto-fit,minmax(min(100%,230px),1fr)); }
body.portal-v2 .v2-event-card h2,body.portal-v2 .v2-team-card h2,body.portal-v2 .hero-title { overflow-wrap: anywhere; }
body.portal-v2 .v2-event-foot { flex-wrap: wrap; }
body.portal-v2 .v2-team-card .muted,body.portal-v2 .roster-name { overflow-wrap: anywhere; }
html[dir=rtl] body.portal-v2 .tournament-hero { background-image: linear-gradient(270deg,#10191ef5,#10191ebb 60%,#10191e44),url('/shared/assets/portal-v2/tactical.png'); }
html[dir=rtl] body.portal-v2 .team-hero { background-image: linear-gradient(270deg,#10191ef5,#10191ebb 60%,#10191e44),url('/shared/assets/portal-v2/squad.png'); }
@media(max-width:620px) {
  body.portal-v2 .wizard-inline-fields { grid-template-columns: minmax(0,1fr); }
  body.portal-v2 .tournament-wizard { padding: 18px 16px; }
  body.portal-v2 .wizard-actions { margin-top: 15px; }
  body.portal-v2 .catalog-item-card { min-width: 0; }
  body.portal-v2 .team-hero .hero-stats,body.portal-v2 .tournament-hero .hero-stats { grid-template-columns: repeat(3,minmax(0,1fr)); width: 100%; min-width: 0; }
  body.portal-v2 .team-hero .hero-stat,body.portal-v2 .tournament-hero .hero-stat { min-width: 0; padding: 10px; }
  body.portal-v2 .team-hero .hero-stat .value,body.portal-v2 .tournament-hero .hero-stat .value { overflow-wrap: anywhere; }
}