

.page-clubhouse .club-band {
  position: relative;
  height: 160px;
  overflow: hidden;
  background: var(--panel-2);
  color: #f1ece0;
}
.page-clubhouse .club-band__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 40%;
}
.page-clubhouse .club-band__shade {
  position: absolute;
  inset: 0;
  background: rgba(10, 10, 9, 0.66);
}
.page-clubhouse .club-band__text {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--s2);
}
.page-clubhouse .club-band__title {
  margin: 0;
  font-family: var(--display);
  font-weight: 600;
  font-size: var(--t-section);
  line-height: 1.1;
  letter-spacing: 0;
  color: #f1ece0;
}
.page-clubhouse .club-band__lede {
  margin: 0;
  max-width: 44ch;
  font-family: var(--ui);
  font-size: var(--t-body);
  line-height: 1.4;
  color: #f1ece0;
}


.page-clubhouse .club-layout,
.page-clubhouse .club-page,
.page-clubhouse .club-crew { position: relative; z-index: 1; }

.page-clubhouse .club-layout {
  display: grid;
  grid-template-columns: minmax(0, 824px) 400px;
  grid-template-areas: "view rooms";
  gap: var(--s5);
  align-items: start;
  padding-top: var(--s5);
  padding-bottom: var(--s7);
}
.page-clubhouse .club-view { grid-area: view; min-width: 0; }
.page-clubhouse .club-rooms { min-width: 0; }


.page-clubhouse .club-rooms__toggle { display: none; }
.page-clubhouse .club-rooms__group { margin: 0 0 var(--s5); padding: 0; }
.page-clubhouse .club-rooms__label {
  margin: 0 0 var(--s2);
  font-family: var(--ui);
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
}
.page-clubhouse .club-rooms__list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s2); }
.page-clubhouse .club-rooms__item { margin: 0; }
.page-clubhouse .club-rooms__btn {
  display: block;
  width: 100%;
  min-height: 48px;
  padding: var(--s3) var(--s2);
  background: var(--ctl-bg);
  border: 1px solid var(--ctl-line);
  border-radius: var(--radius-sm);
  text-align: left;
  font: inherit;
  color: var(--ctl-text);
  cursor: pointer;
}
.page-clubhouse .club-rooms__btn:hover { background: var(--ctl-bg-hover); border-color: var(--ctl-line-hover); }
.page-clubhouse .club-rooms__btn:focus-visible { outline: 2px solid var(--focus); outline-offset: -2px; }
.page-clubhouse .club-rooms__btn[aria-current="true"] { border-color: var(--ctl-on-line); background: var(--ctl-on-bg); box-shadow: inset 3px 0 0 var(--ctl-on-line); }
.page-clubhouse .club-rooms__name { display: block; font-family: var(--ui); font-weight: 600; font-size: var(--t-body); line-height: 1.3; }
.page-clubhouse .club-rooms__sub { display: block; margin-top: 2px; font-family: var(--ui); font-size: var(--t-micro); color: var(--muted); }
.page-clubhouse .club-rooms__btn[aria-current="true"] .club-rooms__sub { color: var(--ctl-text); }
.page-clubhouse .club-rooms__empty { margin: 0; font-size: var(--t-micro); color: var(--muted); }


.page-clubhouse .club-head { padding-bottom: var(--s3); border-bottom: var(--rule-gilt); }
.page-clubhouse .club-head__title { margin: 0; font-family: var(--display); font-weight: 600; font-size: var(--t-lead); line-height: 1.25; color: var(--text); }
.page-clubhouse .club-head__meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s2) var(--s4); margin: var(--s2) 0 0; font-family: var(--ui); font-size: var(--t-micro); color: var(--muted); }
.page-clubhouse .club-head__score { font-family: var(--mono); font-variant-numeric: tabular-nums; color: var(--text); }
.page-clubhouse .club-head__state { font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--gold-bright); }
.page-clubhouse .club-head__state[data-state="archived"] { color: var(--muted); }
.page-clubhouse .club-head__prices { color: var(--gold-bright); text-decoration: underline; text-underline-offset: 3px; }

.page-clubhouse .club-feed {
  min-height: 320px;
  max-height: 62vh;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.page-clubhouse .club-msg { padding: var(--s3) 0; border-bottom: var(--rule-hair); }
.page-clubhouse .club-msg__top { display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--s1) var(--s3); }
.page-clubhouse .club-msg__who { font-family: var(--ui); font-weight: 600; font-size: var(--t-body); color: var(--text); }
.page-clubhouse .club-msg__time { font-family: var(--mono); font-size: var(--t-micro); color: var(--muted); font-variant-numeric: tabular-nums; }
.page-clubhouse .club-msg__body { margin: var(--s1) 0 0; font-family: var(--body); font-size: var(--t-body); line-height: 1.5; color: var(--text); overflow-wrap: anywhere; }
.page-clubhouse .club-msg__body a { color: var(--gold-bright); text-decoration: underline; text-underline-offset: 3px; }
.page-clubhouse .club-msg__acts { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3); margin-top: var(--s1); }
.page-clubhouse .club-msg__act {
  min-height: 32px;
  padding: 0;
  background: none;
  border: 0;
  font: inherit;
  font-size: var(--t-micro);
  color: var(--ctl-text);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.page-clubhouse .club-msg__act:hover, .page-clubhouse .club-msg__act:focus-visible { color: var(--ctl-on-text); }
.page-clubhouse .club-msg__select { min-height: 32px; font-size: var(--t-micro); background: var(--ctl-bg); color: var(--ctl-text); border: 1px solid var(--ctl-line); border-radius: var(--radius-xs); }
.page-clubhouse .club-msg__note { font-size: var(--t-micro); color: var(--muted); }
.page-clubhouse .club-day { margin: var(--s4) 0 0; font-family: var(--ui); font-size: var(--t-micro); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.page-clubhouse .club-empty { margin: var(--s5) 0; font-size: var(--t-body); color: var(--muted); }

.page-clubhouse .club-composer { margin-top: var(--s4); display: grid; gap: var(--s2); }
.page-clubhouse .club-composer__field {
  width: 100%;
  min-height: 72px;
  padding: var(--s3);
  resize: vertical;
  font: inherit;
  font-size: 16px;
  line-height: 1.4;
  color: var(--ctl-text);
  background: var(--ctl-bg);
  border: 1px solid var(--ctl-line);
  border-radius: var(--radius-sm);
}
.page-clubhouse .club-composer__field::placeholder { color: var(--muted); }
.page-clubhouse .club-composer__field:focus-visible { outline: 2px solid var(--focus); outline-offset: 1px; }
.page-clubhouse .club-composer__row { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); }
.page-clubhouse .club-composer__status { font-size: var(--t-micro); color: var(--muted); min-height: 1.3em; }
.page-clubhouse .club-composer__status[data-kind="error"] { color: var(--gold-bright); }
.page-clubhouse .club-composer__gate { margin: var(--s4) 0 0; font-size: var(--t-body); color: var(--muted); }
.page-clubhouse .club-composer__gate a { color: var(--gold-bright); }



.page-clubhouse .club-crew { padding-bottom: var(--s7); }
.page-clubhouse .club-crew__inner { max-width: 824px; }
.page-clubhouse .club-crew[hidden] { display: none; }
.page-clubhouse .club-crew__title { margin: 0 0 var(--s3); font-family: var(--display); font-weight: 600; font-size: var(--t-lead); color: var(--text); }


@media (max-width: 899px) {
  .page-clubhouse .club-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "rooms" "view";
    gap: var(--s4);
  }
  .page-clubhouse .club-rooms__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s3);
    width: 100%;
    min-height: 48px;
    padding: var(--s3) var(--s4);
    font: inherit;
    font-weight: 600;
    color: var(--ctl-text);
    background: var(--ctl-bg);
    border: 1px solid var(--ctl-line);
    border-radius: var(--radius-sm);
    cursor: pointer;
  }
  .page-clubhouse .club-rooms__toggle:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
  .page-clubhouse .club-rooms__panel { margin-top: var(--s3); }
  .page-clubhouse .club-rooms__panel[hidden] { display: none; }
  
  .page-clubhouse .club-view { display: flex; flex-direction: column; }
  .page-clubhouse .club-head { order: 0; }
  .page-clubhouse .club-callbar { order: 1; }
  .page-clubhouse .club-call { order: 2; }
  .page-clubhouse .club-composer__gate { order: 3; }
  .page-clubhouse .club-composer { order: 4; }
  .page-clubhouse .club-feed { order: 5; min-height: 0; max-height: 56vh; margin-top: var(--s4); }
  .page-clubhouse .club-fine { order: 6; }
}
@media (max-width: 700px) {
  .page-clubhouse .club-band { height: 144px; }
}
@media (min-width: 900px) {
  .page-clubhouse .club-rooms__panel[hidden] { display: block; }
}


.page-clubhouse .club-side { grid-area: rooms; min-width: 0; display: grid; gap: var(--s5); align-content: start; }
.page-clubhouse .club-leaders__toggle { display: none; }
.page-clubhouse .club-leaders__title { margin: 0 0 var(--s3); font-family: var(--display); font-weight: 600; font-size: var(--t-lead); line-height: 1.25; color: var(--text); }
.page-clubhouse .club-leaders__controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s2) var(--s3); margin-bottom: var(--s3); }
.page-clubhouse .club-tabs { display: inline-flex; border: 1px solid var(--ctl-line); border-radius: var(--radius-sm); overflow: hidden; }
.page-clubhouse .club-tabs__btn {
  min-height: 40px;
  padding: 0 var(--s3);
  background: var(--ctl-bg);
  border: 0;
  border-right: 1px solid var(--ctl-line);
  font: inherit;
  font-size: var(--t-micro);
  font-weight: 600;
  color: var(--ctl-text);
  cursor: pointer;
}
.page-clubhouse .club-tabs__btn:last-child { border-right: 0; }
.page-clubhouse .club-tabs__btn:hover { background: var(--ctl-bg-hover); }
.page-clubhouse .club-tabs__btn[aria-pressed="true"] { background: var(--ctl-on-bg); color: var(--ctl-on-text); box-shadow: inset 0 -2px 0 var(--ctl-on-line); }
.page-clubhouse .club-tabs__btn:focus-visible { outline: 2px solid var(--focus); outline-offset: -2px; }
.page-clubhouse .club-leaders__sport,
.page-clubhouse .club-call select,
.page-clubhouse .club-call input[type="text"] {
  min-height: 40px;
  padding: 0 var(--s2);
  font: inherit;
  font-size: 16px;
  color: var(--ctl-text);
  background: var(--ctl-bg);
  border: 1px solid var(--ctl-line);
  border-radius: var(--radius-sm);
}
.page-clubhouse .club-call input[type="text"]::placeholder { color: var(--muted); }
.page-clubhouse .club-leaders__sport:focus-visible,
.page-clubhouse .club-call select:focus-visible,
.page-clubhouse .club-call input[type="text"]:focus-visible { outline: 2px solid var(--focus); outline-offset: 1px; }
.page-clubhouse .club-leaders__fine { margin: var(--s3) 0 0; font-size: var(--t-micro); line-height: 1.45; color: var(--muted); }
.page-clubhouse .club-leaders__all { display: inline-block; margin-top: var(--s2); font-size: var(--t-micro); color: var(--gold-bright); text-decoration: underline; text-underline-offset: 3px; }


.page-clubhouse .club-board { border-top: var(--rule-hair); }
.page-clubhouse .club-board__row {
  display: grid;
  grid-template-columns: 2.4rem minmax(0, 1fr) 4.4rem 4.2rem 3.6rem;
  align-items: baseline;
  gap: var(--s2);
  min-height: 44px;
  padding: var(--s2) 0;
  border-bottom: var(--rule-hair);
  font-family: var(--ui);
  font-size: var(--t-micro);
  color: var(--text);
}
.page-clubhouse .club-board--full .club-board__row { grid-template-columns: 2.4rem minmax(0, 1fr) 5rem 4.6rem 4.2rem 5.2rem 3.4rem; }
.page-clubhouse .club-board__row--head { min-height: 32px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }
.page-clubhouse .club-board__rank { font-family: var(--mono); font-variant-numeric: tabular-nums; color: var(--muted); }
.page-clubhouse .club-board__who { overflow-wrap: anywhere; font-size: var(--t-body); font-weight: 600; }
.page-clubhouse .club-board__who a { color: var(--text); text-decoration: underline; text-decoration-color: var(--gold-deep); text-underline-offset: 3px; }
.page-clubhouse .club-board__who a:hover, .page-clubhouse .club-board__who a:focus-visible { color: var(--gold-bright); }
.page-clubhouse .club-board__num, .page-clubhouse .club-board__rec { text-align: right; font-family: var(--mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
.page-clubhouse .club-board__row--head .club-board__num, .page-clubhouse .club-board__row--head .club-board__rec { font-family: var(--ui); }


.page-clubhouse .club-msg--call { border-left: 3px solid var(--gold-deep); padding-left: var(--s3); }
.page-clubhouse .club-call-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: baseline; gap: var(--s1) var(--s4); margin-top: var(--s1); }
.page-clubhouse .club-call-row__main { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.page-clubhouse .club-call-row__player { font-family: var(--ui); font-weight: 600; font-size: var(--t-body); color: var(--text); overflow-wrap: anywhere; }
.page-clubhouse .club-call-row__pick { font-family: var(--ui); font-size: var(--t-body); color: var(--gold-bright); overflow-wrap: anywhere; }
.page-clubhouse .club-call-row__price { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.page-clubhouse .club-call-row__num { font-family: var(--mono); font-variant-numeric: tabular-nums; font-size: var(--t-body); color: var(--text); }
.page-clubhouse .club-call-row__book { font-size: var(--t-micro); color: var(--muted); }
.page-clubhouse .club-call-row__grade {
  min-width: 5.2rem;
  padding: 2px var(--s2);
  text-align: center;
  font-family: var(--ui);
  font-size: var(--t-micro);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted);
  border: 1px solid var(--field-line);
  border-radius: 999px;
}
.page-clubhouse .club-call-row__grade[data-result="win"] { color: var(--gold-bright); border-color: var(--gold); }
.page-clubhouse .club-call-row__grade[data-result="loss"] { color: var(--text); border-color: var(--muted); }
.page-clubhouse .club-call-row__meta { grid-column: 1 / -1; margin: 0; font-size: var(--t-micro); color: var(--muted); }
.page-clubhouse .club-call-row__tag { font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; }
.page-clubhouse .club-call-row__tail { color: var(--gold-bright); text-decoration: underline; text-underline-offset: 3px; }
.page-clubhouse a.club-msg__who { text-decoration: underline; text-decoration-color: var(--gold-deep); text-underline-offset: 3px; }


.page-clubhouse .club-msg--lineup { border-left: 3px solid var(--gold-deep); padding-left: var(--s3); }
.page-clubhouse .club-lineup { max-width: 34rem; margin-top: var(--s1); }
.page-clubhouse .club-lineup__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s1) var(--s3); margin: 0 0 var(--s1); font-family: var(--ui); font-size: var(--t-micro); color: var(--muted); }
.page-clubhouse .club-lineup__site { font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--gold-bright); }
.page-clubhouse .club-lineup__list { margin: 0; padding: 0; list-style: none; border-top: var(--rule-hair); }
.page-clubhouse .club-lineup__row { display: grid; grid-template-columns: 3rem minmax(0, 1fr) 2.6rem auto; align-items: baseline; gap: var(--s3); padding: var(--s1) 0; border-bottom: var(--rule-hair); font-family: var(--ui); font-size: var(--t-body); color: var(--text); }
.page-clubhouse .club-lineup__pos, .page-clubhouse .club-lineup__team { font-size: var(--t-micro); color: var(--muted); }
.page-clubhouse .club-lineup__pos { font-weight: 600; letter-spacing: 0.06em; }
.page-clubhouse .club-lineup__name { overflow-wrap: anywhere; }
.page-clubhouse .club-lineup__sal { text-align: right; font-family: var(--mono); font-variant-numeric: tabular-nums; }
.page-clubhouse .club-lineup__total { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--s1) var(--s4); margin: var(--s1) 0 0; font-family: var(--mono); font-variant-numeric: tabular-nums; font-size: var(--t-body); color: var(--gold-bright); }


.page-clubhouse .club-callbar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2) var(--s4); margin-top: var(--s4); }
.page-clubhouse .club-callbar[hidden] { display: none; }

.page-clubhouse .club-callbar__btn { background: var(--ctl-bg); border-color: var(--gold); color: var(--ctl-text); }
.page-clubhouse .club-callbar__btn:hover:not(:disabled) { background: var(--ctl-bg-hover); border-color: var(--gold-bright); }
.page-clubhouse .club-callbar__btn[aria-expanded="true"] { background: var(--ctl-on-bg); color: var(--ctl-on-text); }
.page-clubhouse .club-callbar__why { font-size: var(--t-micro); color: var(--muted); }
.page-clubhouse .club-callbar__why a { color: var(--gold-bright); }
.page-clubhouse .club-call { margin-top: var(--s3); padding: var(--s4) 0; border-top: var(--rule-gilt); border-bottom: var(--rule-hair); display: grid; gap: var(--s3); }
.page-clubhouse .club-call[hidden] { display: none; }
.page-clubhouse .club-call__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s3); }
.page-clubhouse .club-call__field { display: grid; gap: var(--s1); min-width: 0; font-size: var(--t-micro); color: var(--muted); }
.page-clubhouse .club-call__field select, .page-clubhouse .club-call__field input { width: 100%; }
.page-clubhouse .club-call__sides { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s3); }
.page-clubhouse .club-call__side {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-height: 60px;
  padding: var(--s2) var(--s3);
  font: inherit;
  text-align: left;
  color: var(--ctl-text);
  background: var(--ctl-bg);
  border: 1px solid var(--ctl-line);
  border-radius: var(--radius-sm);
  cursor: pointer;
}
.page-clubhouse .club-call__side:hover { background: var(--ctl-bg-hover); border-color: var(--ctl-line-hover); }
.page-clubhouse .club-call__side:disabled { cursor: not-allowed; color: var(--muted); }
.page-clubhouse .club-call__side[aria-pressed="true"] { border-color: var(--ctl-on-line); background: var(--ctl-on-bg); box-shadow: inset 3px 0 0 var(--ctl-on-line); }
.page-clubhouse .club-call__side:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.page-clubhouse .club-call__side-main { font-family: var(--ui); font-weight: 600; font-size: var(--t-body); }
.page-clubhouse .club-call__side-price { font-family: var(--mono); font-variant-numeric: tabular-nums; font-size: var(--t-micro); color: var(--muted); }
.page-clubhouse .club-call__lock { margin: 0; min-height: 1.3em; font-size: var(--t-micro); line-height: 1.45; color: var(--text); }
.page-clubhouse .club-call__row { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); flex-wrap: wrap; }
.page-clubhouse .club-call__count { font-size: var(--t-micro); color: var(--muted); }
.page-clubhouse .club-call__fine, .page-clubhouse .club-fine { margin: 0; font-size: var(--t-micro); line-height: 1.45; color: var(--muted); }
.page-clubhouse .club-fine { margin-top: var(--s3); }


.page-clubhouse .club-page { padding-top: var(--s5); padding-bottom: var(--s7); }
.page-clubhouse .club-page__inner { max-width: 1000px; }
.page-clubhouse .club-page__back { display: inline-block; margin-bottom: var(--s3); font-size: var(--t-micro); color: var(--gold-bright); text-decoration: underline; text-underline-offset: 3px; }
.page-clubhouse .club-page .club-leaders__panel[hidden] { display: block; }
.page-clubhouse .club-record__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s2) var(--s4); padding-bottom: var(--s3); border-bottom: var(--rule-gilt); }
.page-clubhouse .club-record__name { margin: 0; font-family: var(--display); font-weight: 600; font-size: var(--t-product, 25px); line-height: 1.2; color: var(--text); overflow-wrap: anywhere; }
.page-clubhouse .club-record__rank { font-family: var(--ui); font-size: var(--t-micro); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--gold-bright); }
.page-clubhouse .club-record__sum { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s3) var(--s5); margin: var(--s4) 0; padding: 0; }
.page-clubhouse .club-record__sum > div { padding-bottom: var(--s2); border-bottom: var(--rule-hair); }
.page-clubhouse .club-record__sum dt { font-size: var(--t-micro); letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }
.page-clubhouse .club-record__sum dd { margin: var(--s1) 0 0; font-family: var(--mono); font-variant-numeric: tabular-nums; font-size: var(--t-lead); color: var(--text); }
.page-clubhouse .club-record__h { margin: var(--s5) 0 var(--s2); font-family: var(--display); font-weight: 600; font-size: var(--t-lead); color: var(--text); }
.page-clubhouse .club-record__sport { display: grid; grid-template-columns: 4rem repeat(4, minmax(0, 1fr)); gap: var(--s2) var(--s4); align-items: baseline; padding: var(--s2) 0; border-bottom: var(--rule-hair); font-size: var(--t-micro); }
.page-clubhouse .club-record__sport > :nth-child(n+2) { font-family: var(--mono); font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.page-clubhouse .club-record__call { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: baseline; gap: var(--s1) var(--s4); padding: var(--s3) 0; border-bottom: var(--rule-hair); }
.page-clubhouse .club-record__call .club-call-row__meta { grid-column: 1 / -1; }
.page-clubhouse .club-record__note { margin: var(--s4) 0 0; font-size: var(--t-micro); line-height: 1.45; color: var(--muted); }


@media (max-width: 899px) {
  .page-clubhouse .club-side { gap: var(--s3); }
  .page-clubhouse .club-leaders__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s3);
    width: 100%;
    min-height: 48px;
    padding: var(--s3) var(--s4);
    font: inherit;
    font-weight: 600;
    color: var(--ctl-text);
    background: var(--ctl-bg);
    border: 1px solid var(--ctl-line);
    border-radius: var(--radius-sm);
    cursor: pointer;
  }
  .page-clubhouse .club-leaders__toggle:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
  .page-clubhouse .club-leaders__panel { margin-top: var(--s3); }
  .page-clubhouse .club-leaders__panel[hidden] { display: none; }
  .page-clubhouse .club-leaders__title { display: none; }
  .page-clubhouse .club-page .club-leaders__title { display: block; }
  .page-clubhouse .club-board__row { grid-template-columns: 2rem minmax(0, 1fr) 4.2rem 3.8rem 3.2rem; }
  .page-clubhouse .club-board--full .club-board__row { grid-template-columns: 2rem minmax(0, 1fr) 4.2rem 3.8rem 4.6rem; }
  .page-clubhouse .club-board--full .club-board__rec,
  .page-clubhouse .club-board--full .club-board__num--n { display: none; }
  .page-clubhouse .club-call__fields { grid-template-columns: minmax(0, 1fr); }
  .page-clubhouse .club-call-row { grid-template-columns: minmax(0, 1fr) auto; }
  .page-clubhouse .club-call-row__grade { grid-column: 1 / -1; justify-self: start; }
  .page-clubhouse .club-record__sum { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-clubhouse .club-record__sport { grid-template-columns: 3rem repeat(3, minmax(0, 1fr)); column-gap: var(--s3); }
  .page-clubhouse .club-record__sport > :nth-child(n+5) { display: none; }
  .page-clubhouse .club-record__call { grid-template-columns: minmax(0, 1fr) auto; }
}
@media (min-width: 900px) {
  .page-clubhouse .club-leaders__panel[hidden] { display: block; }
}
