/* A matched set of machined gears: 8 / 12 / 16 teeth, all with the same outer size. */
.bz-weight-mark {
  --class-color: var(--bz-text-dim);
  --mark-size: 84px;
  --mark-scale: .7;
  position: relative;
  display: inline-block;
  width: calc(var(--mark-size) * var(--mark-scale));
  height: calc(var(--mark-size) * var(--mark-scale));
  flex: none;
  vertical-align: middle;
  color: var(--class-color);
}
.bz-weight-mark__art { position: relative; display: block; width: var(--mark-size); height: var(--mark-size); transform: scale(var(--mark-scale)); transform-origin: top left; }
.bz-weight-mark[data-w="3"] { --class-color: var(--bz-w3); }
.bz-weight-mark[data-w="12"] { --class-color: var(--bz-w12); }
.bz-weight-mark[data-w="30"] { --class-color: var(--bz-w30); }
.bz-weight-mark[data-w="fs"] { --class-color: var(--bz-w-fs); }
.bz-weight-mark__gear { position: absolute; inset: 0; width: 100%; height: 100%; }
.bz-weight-mark__number { position: absolute; inset: 0; display: grid; place-items: center; padding: 4px 2px 0 0; font: 400 30px/1 var(--bz-font-hero); letter-spacing: -0.035em; color: var(--bz-text); }
.bz-weight-mark[data-w="30"] .bz-weight-mark__number,
.bz-weight-mark[data-w="fs"] .bz-weight-mark__number { font-size: 26px; }
.bz-weight-mark__unit { position: absolute; right: 0; left: 0; bottom: 18px; text-align: center; font: 700 10px/1 var(--bz-font-ui); letter-spacing: 0.08em; color: var(--class-color); }
.bz-weight-mark[data-w="fs"] .bz-weight-mark__number { padding-bottom: 0; }
.bz-weight-mark[data-w="?"] .bz-weight-mark__unit { font-size: 8px; }

.bz-tour-table { table-layout: fixed; }
.bz-tour-table .bz-tour-table__class { width: 96px; }
.bz-tour-table .bz-tour-table__date { width: 82px; }
.bz-tour-table .bz-tour-table__bots { width: 55px; text-align: right; }
.bz-tour-table .bz-tour-table__champion-col { width: 180px; }
.bz-tour-table .bz-tour-table__tier { width: 100px; }
.bz-tour-table .bz-tour-table__status-col { width: 90px; }
.bz-tour-table .bz-tour-table__open { width: 176px; text-align: right; }
.bz-tour-table .bz-tour-table__title { font-size: 19px; line-height: 1.2; display: inline-block; overflow-wrap: anywhere; }
.bz-tour-table .bz-tour-table__champion { max-width: 100%; }
.bz-tour-table__champion > :not(.bz-tour-table__champion-name) { flex-shrink: 0; }
.bz-tour-table .bz-tour-table__champion-name { min-width: 0; }
.bz-tour-table tbody tr.bz-table__row > td { padding-top: 10px; padding-bottom: 10px; }

@media (min-width: 1100px) and (max-width: 1279.98px) {
  .bz-tour-table .bz-tour-table__class { width: 96px; }
  .bz-tour-table .bz-tour-table__date { width: 72px; }
  .bz-tour-table .bz-tour-table__bots { width: 46px; }
  .bz-tour-table .bz-tour-table__champion-col { width: 138px; }
  .bz-tour-table .bz-tour-table__tier { width: 84px; }
  .bz-tour-table .bz-tour-table__status-col { width: 70px; }
  .bz-tour-table .bz-tour-table__open { width: 96px; }
  .bz-tour-table__actions .bz-btn { display: flex; justify-content: center; }
  .bz-tour-table__actions .bz-btn + .bz-btn { margin-top: 4px; }
}

/* Use the same reading order on phones and tablets: class, then event details. */
@media (max-width: 1099.98px) {
  .bz-tour-table, .bz-tour-table tbody { display: block; width: 100%; }
  .bz-tour-table thead { display: none; }
  .bz-tour-table tbody tr.bz-table__row { display: block; padding: 0; border-bottom: 1px solid var(--bz-border); }
  .bz-tour-table tbody tr.bz-table__row > td { display: none !important; }
  .bz-tour-table tbody tr.bz-table__row > td.bz-cell-only-mobile { display: block !important; width: 100%; padding: 0; border: 0; }
  .bz-tour-table tbody tr.bz-table__group { display: block; position: static; }
  .bz-tour-table tbody tr.bz-table__group td { display: block; padding: 14px 16px 8px; }
  .bz-tour-table .bz-mcard {
    grid-template-columns: 56px minmax(0, 1fr) 14px;
    grid-template-areas: "class meta chev" "class title chev" "class status chev";
    gap: 6px 14px;
    padding: 20px 16px;
  }
  .bz-tour-table .bz-mcard > .bz-weight-mark { grid-area: class; align-self: center; justify-self: start; }
  .bz-tour-table .bz-weight-mark { --mark-size: 76px; }
  .bz-tour-table .bz-weight-mark__number { font-size: 27px; }
  .bz-tour-table .bz-weight-mark[data-w="30"] .bz-weight-mark__number,
  .bz-tour-table .bz-weight-mark[data-w="fs"] .bz-weight-mark__number { font-size: 23px; }
  .bz-tour-table .bz-weight-mark__unit { bottom: 16px; }
  .bz-tour-table .bz-mcard__title { font-size: 21px; line-height: 1.15; display: block; overflow: visible; overflow-wrap: anywhere; }
  .bz-tour-table .bz-mcard__meta { font-size: 11px; line-height: 1.5; color: var(--bz-text-dim); gap: 4px 8px; letter-spacing: 0.02em; }
}
@media (max-width: 359.98px) {
  .bz-tour-table .bz-mcard { grid-template-columns: 49px minmax(0, 1fr) 12px; padding: 18px 12px; column-gap: 10px; }
  .bz-tour-table .bz-mcard__title { font-size: 19px; }
  .bz-tour-table .bz-weight-mark { --mark-size: 68px; }
  .bz-tour-table .bz-weight-mark__number { font-size: 24px; }
  .bz-tour-table .bz-weight-mark[data-w="30"] .bz-weight-mark__number,
  .bz-tour-table .bz-weight-mark[data-w="fs"] .bz-weight-mark__number { font-size: 21px; }
  .bz-tour-table .bz-weight-mark__unit { bottom: 14px; font-size: 9px; }
}
