/* ============================================================
   view-tournament / responsive.css  (R6)
   ============================================================ */

@media (max-width: 1080px) {
  .vt-profile { grid-template-columns: 1fr; }
  .vt-tabs { top: 60px; }
}

@media (max-width: 680px) {
  .vt-shell { padding: 14px 16px 44px; }           /* 16px gutters */
  .vt-hero__title { font-size: 28px; }
  .vt-hero__live { font-size: 13px; padding: 5px 12px; }
  .vt-hero__sub { font-size: 14px; }
  .vt-metagrid { grid-template-columns: 1fr 1fr; }
  .vt-matches { grid-template-columns: 1fr; }
  .vt-teamgrid { grid-template-columns: 1fr 1fr; gap: 12px; }
  .vt-statgrid { grid-template-columns: 1fr; }
  .vt-about { grid-template-columns: 1fr; }
  .vt-lb__name { font-size: 14px; }
  /* keep the organizer text readable over the image on narrow screens */
  .vt-org { background: linear-gradient(rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.84)), url(../../img/org-bg.jpg) center / cover no-repeat; }
  .vt-org__avatar { width: 62px; height: 62px; }
  .vt-org__name { font-size: 17px; }
}

@media (max-width: 420px) {
  .vt-hero__title { font-size: 24px; }
  .vt-metagrid { grid-template-columns: 1fr; }
  .vt-id__name { font-size: 21px; }
}