/* Realms of Arkovia — Season visual-acceptance containment corrections
   Keeps the approved World Boss War Room composition while ensuring the
   command title, personal record, and top-five campaign rankings remain
   inside their frames at desktop size. */

body.roa-season-war-room-page .roa-season-war-room-shell {
  grid-template-rows: 100px 70px minmax(0, 1fr) 170px;
}

.roa-season-command-header {
  overflow: hidden;
}

.roa-season-command-title {
  align-self: stretch;
  overflow: hidden;
}

.roa-season-command-title > div {
  display: grid;
  min-height: 0;
  max-height: 100%;
  align-content: center;
  gap: 1px;
  overflow: hidden;
}

.roa-season-command-title .eyebrow {
  margin: 0;
  line-height: 1.05;
}

.roa-season-command-title h1 {
  line-height: 1;
}

.roa-season-command-title p:not(.eyebrow) {
  margin: 1px 0 0;
  line-height: 1.15;
}

.roa-season-command-status,
.roa-season-command-actions {
  align-self: center;
}

/* --------------------------------------------------------------------------
   Right-rail visibility correction
   -------------------------------------------------------------------------- */

.roa-season-right-rail {
  grid-template-rows: 166px minmax(0, 1fr);
}

.roa-season-player-record,
.roa-season-community-leaders {
  gap: 3px;
  padding: 2px 4px 4px;
  border: 8px solid transparent;
  border-image: var(--roa-frame-panel) 55 fill / 8px / 0 stretch;
}

.roa-season-player-record {
  grid-template-rows: auto auto auto auto;
}

.roa-season-player-record .roa-season-panel-heading,
.roa-season-community-leaders .roa-season-panel-heading {
  padding: 0 2px 3px;
}

.roa-season-player-record .roa-season-panel-heading > img,
.roa-season-community-leaders .roa-season-panel-heading > img {
  width: 24px;
  height: 24px;
}

.roa-season-player-record .roa-season-panel-heading h2,
.roa-season-community-leaders .roa-season-panel-heading h2 {
  font-size: 0.88rem;
  line-height: 1.05;
}

.roa-season-player-record .roa-season-panel-heading .eyebrow,
.roa-season-community-leaders .roa-season-panel-heading .eyebrow {
  margin-bottom: 1px;
  font-size: 0.54rem;
  line-height: 1.05;
}

.roa-season-player-primary {
  gap: 4px;
}

.roa-season-player-primary article {
  min-height: 34px;
  gap: 1px;
  padding: 2px 4px;
}

.roa-season-player-primary small,
.roa-season-player-details small {
  font-size: 0.53rem;
  line-height: 1.05;
}

.roa-season-player-primary strong {
  font-size: 0.9rem;
  line-height: 1;
}

.roa-season-player-details {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
}

.roa-season-player-details article,
.roa-season-player-details article.is-wide {
  min-height: 28px;
  grid-column: auto;
  gap: 1px;
  padding: 3px 4px;
}

.roa-season-player-details strong {
  font-size: 0.67rem;
  line-height: 1.05;
}

.roa-season-player-record > .roa-season-theme-button {
  min-height: 27px;
  padding: 4px 8px;
  font-size: 0.6rem;
}

.roa-season-community-leaders {
  grid-template-rows: auto auto minmax(0, 1fr);
}

body.roa-season-war-room-page .roa-season-community-leaders .roa-season-tabs button {
  min-height: 26px;
  padding: 4px 7px;
  font-size: 0.62rem;
}

.roa-season-leader-panel.is-active {
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  min-height: 0;
  overflow: hidden;
}

.roa-season-leader-list {
  height: auto;
  min-height: 0;
  max-height: none;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(178, 67, 222, 0.82) rgba(0, 0, 0, 0.34);
}

.roa-season-leader-list article {
  min-height: 24px;
  gap: 5px;
  padding: 2px 5px;
}

.roa-season-leader-list span,
.roa-season-leader-list strong,
.roa-season-leader-list em {
  font-size: 0.68rem;
  line-height: 1.05;
}

.roa-season-leader-list::-webkit-scrollbar {
  width: 8px;
}

.roa-season-leader-list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.34);
  border-left: 1px solid rgba(216, 184, 107, 0.12);
}

.roa-season-leader-list::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(119, 37, 151, 0.94), rgba(190, 75, 229, 0.9));
  border: 1px solid rgba(224, 188, 107, 0.36);
}

@media (max-width: 1450px), (max-height: 820px) {
  body.roa-season-war-room-page .roa-season-war-room-shell {
    grid-template-rows: 86px 56px minmax(0, 1fr) 132px;
  }

  .roa-season-command-title p:not(.eyebrow) {
    font-size: 0.68rem;
    line-height: 1.1;
  }

  .roa-season-right-rail {
    grid-template-rows: 142px minmax(0, 1fr);
  }

  .roa-season-player-record > .roa-season-theme-button {
    min-height: 25px;
  }

  .roa-season-leader-list article {
    min-height: 23px;
  }
}

@media (max-width: 1120px) {
  body.roa-season-war-room-page .roa-season-war-room-shell {
    grid-template-rows: auto;
  }

  .roa-season-command-header {
    overflow: visible;
  }

  .roa-season-command-title > div {
    max-height: none;
    overflow: visible;
  }

  .roa-season-command-title p:not(.eyebrow) {
    white-space: normal;
  }

  .roa-season-right-rail {
    grid-template-rows: auto;
  }

  .roa-season-player-record,
  .roa-season-community-leaders {
    border: 15px solid transparent;
    border-image: var(--roa-frame-panel) 55 fill / 15px / 0 stretch;
  }

  .roa-season-player-record {
    grid-template-rows: auto;
  }

  .roa-season-player-details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .roa-season-player-details article.is-wide {
    grid-column: 1 / -1;
  }

  .roa-season-player-record > .roa-season-theme-button {
    min-height: 38px;
    font-size: 0.68rem;
  }
}