.league-lobby-identity-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

.league-lobby-roster-emblem {
  display: inline-grid;
  width: 2.15rem;
  height: 2.15rem;
  flex: 0 0 2.15rem;
  place-items: center;
}

.league-lobby-roster-emblem svg,
.league-identity-crest svg,
.live-league-ribbon-emblem svg {
  display: block;
  width: 100%;
  height: 100%;
}

.public-lobby-roster > li:has(.league-lobby-roster-emblem) {
  grid-template-columns: 2.15rem minmax(0, 1fr) auto;
  align-items: center;
}

/* The lobby is the league's front door: give it a printed game-program
   treatment without changing the filed-lineup hall that follows the draft. */
.public-lobby {
  position: relative;
  overflow: hidden;
  padding: clamp(0.85rem, 3vw, 1.25rem);
  color: #412b1e;
  border: 3px double #73503a;
  background:
    repeating-linear-gradient(0deg, rgb(106 69 37 / 5%) 0 1px, transparent 1px 6px),
    linear-gradient(135deg, rgb(182 123 66 / 14%), transparent 38%),
    #fff8e9;
  box-shadow: inset 0 0 0 2px rgb(255 253 246 / 82%), 2px 3px 0 rgb(82 51 32 / 13%);
}

.public-lobby-head {
  padding: 0.1rem 0 0.9rem;
  border-bottom: 4px double #8c6648;
  text-align: center;
}

.public-lobby-head h3 {
  margin: 0.15rem 0 0.3rem;
  color: #382419;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.65rem, 7vw, 2.35rem);
  line-height: 0.98;
}

.public-lobby-sub,
.public-lobby-note {
  color: #74533e;
}

.public-lobby-clock {
  margin: 1rem auto 0.75rem;
  padding: 0.55rem 0.7rem;
  color: #7d3e2d;
  border: 1px solid #b88661;
  outline: 1px solid rgb(255 255 255 / 72%);
  outline-offset: -4px;
  background: rgb(250 239 211 / 78%);
  font-family: "Courier New", monospace;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform: uppercase;
}

.public-lobby-capacity {
  padding: 0.75rem;
  border: 1px solid rgb(116 76 48 / 45%);
  background: rgb(255 251 240 / 66%);
}

.public-lobby-meter {
  height: 0.58rem;
  overflow: hidden;
  border: 1px solid #937354;
  border-radius: 999px;
  background: #e8dbc2;
  box-shadow: inset 0 1px 2px rgb(55 37 23 / 16%);
}

.public-lobby-meter > span {
  background: linear-gradient(90deg, #1f7974, #c45b2b);
}

.public-lobby-roster {
  margin-top: 1rem;
  padding-top: 0.8rem;
  border-top: 4px double #8c6648;
}

.public-lobby-roster > li {
  border: 1px solid rgb(114 76 49 / 48%);
  background: rgb(255 251 239 / 78%);
  box-shadow: inset 0 0 0 2px rgb(255 255 255 / 48%);
}

.public-lobby-roster > li.is-you {
  border-color: #b85d36;
  background: linear-gradient(90deg, rgb(202 101 53 / 13%), rgb(255 251 239 / 78%));
}

.public-lobby-join {
  margin: 1rem 0;
  padding: 0.85rem;
  border: 1px solid #9b714f;
  background: rgb(248 236 208 / 72%);
}

/* Solo-style user matchup: a separate dark file above the bracket, leaving
   the field below in its actual seeded order. */
.league-your-series-card {
  margin: 0 0 0.8rem;
  padding: 0.75rem;
  color: #f8ebc8;
  border: 3px double #d7b76d;
  background:
    repeating-linear-gradient(90deg, rgb(255 255 255 / 3%) 0 1px, transparent 1px 5px),
    linear-gradient(135deg, #173944, #0c222a);
  box-shadow: 0 4px 10px rgb(26 16 8 / 28%);
}

.league-your-series-card > header {
  display: flex;
  justify-content: space-between;
  gap: 0.65rem;
  padding-bottom: 0.5rem;
  color: #dec17c;
  border-bottom: 1px solid rgb(244 224 167 / 34%);
  font-family: "Courier New", monospace;
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.league-your-series-card > header strong { color: #fff2cf; }

.league-your-series-team {
  display: grid;
  grid-template-columns: 1.55rem minmax(0, 1fr) 2.1rem;
  align-items: center;
  gap: 0.45rem;
  min-height: 2.4rem;
  border-bottom: 1px solid rgb(244 224 167 / 18%);
}

.league-your-series-team.is-user {
  background: rgb(224 180 94 / 13%);
  box-shadow: inset 3px 0 #d7b76d;
}

.league-your-series-seed {
  color: #d8bb77;
  font-family: "Courier New", monospace;
  font-size: 0.78rem;
  text-align: center;
}

.league-your-series-team strong {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.35rem;
  color: inherit;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 0.96rem;
}

.league-your-series-team strong > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.league-your-series-team .d5-team-type-mark {
  width: 0.92rem;
  height: 0.92rem;
  flex: 0 0 auto;
}

.league-your-series-team > b {
  min-width: 1.85rem;
  padding: 0.16rem 0;
  color: #ffe5a4;
  border: 1px solid rgb(244 224 167 / 48%);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.25rem;
  line-height: 1;
  text-align: center;
}

.league-your-series-card > small {
  display: block;
  padding-top: 0.55rem;
  color: rgb(247 235 201 / 76%);
  font-size: 0.68rem;
  line-height: 1.35;
}

.league-identity-backdrop {
  position: fixed;
  z-index: 1200;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 1rem;
  background: rgb(23 18 13 / 72%);
  backdrop-filter: blur(2px);
}

.league-identity-sheet {
  width: min(31rem, 100%);
  max-height: calc(100dvh - 2rem);
  overflow: auto;
  padding: 1.35rem;
  color: #2e261d;
  border: 3px double #80533c;
  outline: 1px solid #d7bd91;
  background:
    repeating-linear-gradient(0deg, transparent 0 24px, rgb(117 84 51 / 7%) 25px),
    #f8f0dc;
  box-shadow: 0 14px 45px rgb(0 0 0 / 42%);
}

.league-identity-sheet header {
  padding-bottom: 0.8rem;
  border-bottom: 3px double #8b6547;
  text-align: center;
}

.league-identity-sheet h3 {
  margin: 0.18rem 0 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.7rem, 7vw, 2.35rem);
}

.league-identity-crest {
  display: block;
  width: 7.5rem;
  height: 7.5rem;
  margin: 1rem auto;
  filter: drop-shadow(0 4px 4px rgb(54 37 22 / 20%));
}

.league-identity-name,
.league-identity-name > span,
.league-identity-option > span,
.league-identity-colors label > span {
  display: block;
}

.league-identity-name > span,
.league-identity-option > span,
.league-identity-colors label > span {
  margin-bottom: 0.3rem;
  color: #7b4734;
  font-family: "Courier New", monospace;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.league-identity-name input {
  width: 100%;
}

.league-identity-design {
  margin-top: 1rem;
  border-top: 1px solid #cdbb98;
}

.league-identity-option {
  display: grid;
  grid-template-columns: 5rem minmax(0, 1fr);
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid #d9c7a8;
}

.league-identity-option > div {
  display: grid;
  grid-template-columns: 2.35rem minmax(0, 1fr) 2.35rem;
  align-items: center;
  gap: 0.35rem;
}

.league-identity-option button {
  min-height: 2.2rem;
  color: #70412f;
  border: 1px solid #b99d77;
  background: #fff8e8;
  font-family: Georgia, serif;
  font-size: 1.5rem;
}

.league-identity-option strong {
  overflow: hidden;
  font-family: Georgia, serif;
  font-size: 0.9rem;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.league-identity-colors {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.6rem;
  margin-top: 1rem;
}

.league-identity-colors input[type="color"] {
  width: 100%;
  height: 2.5rem;
  padding: 0.16rem;
  border: 1px solid #b99d77;
  background: #fff8e8;
}

.league-identity-sheet footer {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: 0.65rem;
  margin-top: 1.2rem;
  padding-top: 1rem;
  border-top: 3px double #8b6547;
}

.league-identity-sheet footer button {
  width: 100%;
}

.live-league-ribbon-emblem:has(svg) {
  overflow: visible;
  border: 0;
  background: transparent;
}

/* The shared Coach's Challenge deadline is display-only. It is deliberately
   styled as a time card, rather than as an action a single GM can press. */
.league-review-countdown {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr);
  align-content: center;
  gap: 2px;
  width: 100%;
  box-sizing: border-box;
  place-items: center;
  color: #514a3f;
  cursor: default;
  pointer-events: none;
  text-align: center;
  border: 1px solid #9a907c;
  background:
    repeating-linear-gradient(0deg, transparent 0 10px, #786a5010 10px 11px),
    #eee9dc;
  box-shadow: none;
}

.league-review-countdown strong {
  color: inherit;
  font-family: "Courier New", ui-monospace, monospace;
  font-size: 1.375rem;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  letter-spacing: 0.06em;
}

.league-review-countdown small {
  color: inherit;
  font-family: "Courier New", monospace;
  font-size: 0.5rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  opacity: 0.82;
  text-transform: uppercase;
}

/* The Solo run-action group normally enlarges its launch buttons. A shared
   clock instead matches the adjacent Coach's Challenge control exactly. */
.final-lineup-actions .lineup-run-actions > .league-review-countdown {
  min-height: 42px;
  padding: 4px 10px;
  gap: 2px;
  transform: none;
  box-shadow: none;
}

.final-lineup-actions .lineup-run-actions > .league-review-countdown small {
  width: auto;
  padding: 0;
  border: 0;
  color: inherit;
  font-size: 0.5rem;
  line-height: 1;
}

/* This is a short viewing window, not a second empty screen. The room's
   lineups start immediately beneath it so a GM can scan the field. */
.league-post-draft-brief {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.28rem 0.8rem;
  margin: 0.75rem 0;
  padding: 0.85rem 0.95rem;
  color: #4f3524;
  border: 1px solid #a98162;
  background:
    linear-gradient(90deg, rgb(130 77 47 / 12%), transparent 42%),
    repeating-linear-gradient(0deg, transparent 0 17px, rgb(117 84 51 / 7%) 17px 18px),
    #fff8e8;
  box-shadow: inset 0 0 0 2px rgb(255 255 255 / 54%);
}

.league-post-draft-brief strong {
  color: #342419;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.22rem;
}

.league-post-draft-brief > .live-kicker,
.league-post-draft-brief > strong,
.league-post-draft-brief > p {
  grid-column: 1;
}

.league-field-countdown {
  grid-column: 2;
  grid-row: 1 / 4;
  display: grid;
  align-content: center;
  text-align: center;
  min-width: 4.5rem;
  padding-left: 0.8rem;
  border-left: 3px double #a98162;
}

.league-field-countdown b {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.5rem, 10vw, 3.5rem);
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.league-field-countdown small { font-size: 0.42em; }
.league-field-countdown span {
  font: 700 0.55rem/1.4 "Courier New", monospace;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.live-league-room-panel .live-team-card li {
  align-items: start;
  padding-block: 0.35rem;
  border-bottom: 1px dotted #a9816259;
}

.live-league-room-panel .live-team-card li:last-child { border-bottom: 0; }

.live-league-room-panel .live-team-card-head {
  grid-template-columns: 2.45rem minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 0.72rem;
}

.league-post-draft-team-emblem {
  display: block;
  width: 2.45rem;
  height: 2.45rem;
  flex: none;
  transform: none !important;
  filter: drop-shadow(0 2px 2px rgb(52 36 25 / 18%));
}

.league-post-draft-team-emblem svg {
  display: block;
  width: 100%;
  height: 100%;
  transform: none !important;
  transform-origin: center;
}

/* Filed clubs read like a handwritten line on the league card, while player
   names remain compact enough to keep every five scannable on a phone. */
.live-league-room-panel .live-team-card-head strong {
  font-family: "Segoe Script", "Segoe Print", "Lucida Handwriting", cursive;
  font-size: clamp(1.14rem, 4.7vw, 1.45rem);
  font-weight: 700;
  line-height: 1.05;
}

.live-league-room-panel .live-team-player {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(2.55rem, .65fr) minmax(2.55rem, .65fr) minmax(2.55rem, .65fr);
  gap: 0.38rem;
  align-items: center;
  min-width: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
}

.live-league-room-panel .live-team-identity {
  display: grid;
  gap: 0.1rem;
  min-width: 0;
  color: #36251a;
  font-size: clamp(.93rem, 3.6vw, 1.08rem);
  line-height: 1.06;
}

.live-league-room-panel .live-team-identity em {
  display: block;
  color: #745d49;
  font: normal 0.61rem/1.3 "Courier New", monospace;
  letter-spacing: 0.08em;
  opacity: 0.75;
}

.live-league-room-panel .live-team-stats {
  display: grid;
  grid-column: span 3;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.35rem;
  color: #72513a;
  font-family: "Courier New", monospace;
}

.live-league-room-panel .live-team-stats i {
  display: grid;
  gap: 0.08rem;
  min-width: 0;
  font-style: normal;
  text-align: center;
}

.live-league-room-panel .live-team-stats small {
  color: #9c4d2a;
  font: 700 0.5rem/1 "Courier New", monospace;
  letter-spacing: 0.08em;
}

.live-league-room-panel .live-team-stats b {
  color: #493020;
  font: 700 clamp(.84rem, 3vw, 1rem)/1 Georgia, "Times New Roman", serif;
}

/* Give the fixed draft ticker a real ticket stub on the left: the pick first,
   then the club acronym currently holding the card. */
.live-bottom-ticker .live-ticker-status {
  display: grid;
  align-content: center;
  gap: 0.12rem;
  min-width: 8.7rem;
}

.live-bottom-ticker .live-ticker-status strong {
  font-size: clamp(1.04rem, 4.25vw, 1.34rem);
  letter-spacing: 0.075em;
  line-height: 1;
}

.live-bottom-ticker .live-ticker-status span {
  color: #f7dfbd;
  font: 700 clamp(.55rem, 2.3vw, .68rem)/1.1 "Courier New", monospace;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.live-bottom-ticker .live-ticker-status .d5-ticker-clock {
  display: block !important;
  min-height: 0.8rem;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #5c3e2d !important;
  font: 700 clamp(.55rem, 2.3vw, .68rem)/1.1 "Courier New", monospace;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
}

.league-post-draft-brief p {
  margin: 0;
  color: #674a36;
  font-size: 0.84rem;
  font-weight: 700;
  line-height: 1.4;
}

.league-post-draft-brief b {
  color: #4d2b18;
}

/* The regular-season result is a shared, passive intermission. It deliberately
   reads as a filed notice rather than another page or player-controlled dialog. */
.league-postseason-verdict {
  position: fixed;
  z-index: 90;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 1.25rem;
  background: rgb(32 24 17 / 58%);
  backdrop-filter: blur(2px);
}

.league-postseason-verdict-card {
  width: min(100%, 33rem);
  display: grid;
  gap: 0.55rem;
  padding: 1.35rem;
  color: #302119;
  background:
    repeating-linear-gradient(0deg, rgb(131 92 58 / 7%) 0 1px, transparent 1px 5px),
    #fff9e8;
  border: 1px solid #6b4832;
  box-shadow: inset 0 0 0 3px rgb(255 255 255 / 62%), 0 0.65rem 1.7rem rgb(0 0 0 / 34%);
}

.league-postseason-verdict-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-bottom: 0.65rem;
  border-bottom: 3px double rgb(107 72 50 / 58%);
}

.league-postseason-verdict-card .live-kicker {
  color: #8a4d2c;
}

.league-postseason-verdict-card h2 {
  margin: 0.35rem 0 0;
  color: #302119;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 9vw, 3rem);
  line-height: 0.98;
}

.league-postseason-verdict-stamp {
  padding: 0.35rem 0.48rem 0.28rem;
  color: #873d24;
  border: 2px solid currentColor;
  font: 800 0.62rem/1 "Courier New", monospace;
  letter-spacing: 0.13em;
  transform: rotate(-2deg);
}

.league-postseason-verdict.is-qualified .league-postseason-verdict-stamp,
.league-postseason-verdict.is-playin .league-postseason-verdict-stamp {
  color: #15766e;
}

.league-postseason-verdict.is-eliminated .league-postseason-verdict-stamp {
  color: #a23928;
  transform: rotate(2deg);
}

.league-postseason-verdict-ledger {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 0.35rem;
  border: 3px double rgb(107 72 50 / 55%);
  background: rgb(255 253 244 / 62%);
}

.league-postseason-verdict-ledger > div {
  display: grid;
  gap: 0.2rem;
  padding: 0.75rem;
  text-align: center;
}

.league-postseason-verdict-ledger > div + div {
  border-left: 1px solid rgb(107 72 50 / 42%);
}

.league-postseason-verdict-ledger strong {
  color: #39251a;
  font: 700 1.45rem/1 Georgia, "Times New Roman", serif;
}

.league-postseason-verdict-ledger span {
  color: #6d4e39;
  font-family: "Courier New", monospace;
  font-size: 0.61rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.league-postseason-verdict-copy {
  margin: 0.15rem 0 0;
  color: #4e3728;
  font-size: 1rem;
  line-height: 1.45;
}

.league-postseason-verdict-countdown {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0.75rem;
  margin-top: 0.4rem;
  padding-top: 0.65rem;
  border-top: 1px solid rgb(107 72 50 / 42%);
  color: #67422d;
  font-family: "Courier New", monospace;
  font-size: 0.68rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.league-postseason-verdict-countdown strong {
  text-transform: none;
  color: #4d2b18;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.8rem;
  line-height: 1;
}
.league-exit-choice { z-index: 125; }
.league-exit-choice .league-exit-actions { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 12px; }
.league-exit-choice .league-exit-actions button { width: 100%; min-width: 0; padding: 12px 8px; font-size: .72rem; }
.league-exit-stamp-row { display: flex; justify-content: space-between; align-items: center; gap: .75rem; }
.league-eliminated-stamp {
  display: inline-block;
  flex: 0 0 auto;
  padding: .32rem .54rem .25rem;
  color: #9e2f23;
  border: 2px solid currentColor;
  background: rgb(255 246 225 / 52%);
  box-shadow: inset 0 0 0 1px rgb(158 47 35 / 26%);
  font: 800 .58rem/1 "Courier New", monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
  transform: rotate(-2deg);
}
.league-exit-choice .league-exit-actions .primary-action {
  position: relative;
  overflow: hidden;
  min-height: 3.55rem;
  border: 2px solid #8f361f;
  color: #fff9e8;
  background: linear-gradient(180deg, #d5692f, #b94823);
  box-shadow: 0 3px 0 #6e2919, inset 0 0 0 1px rgb(255 234 183 / 48%);
  letter-spacing: .14em;
}
.league-exit-choice .league-exit-actions .primary-action::after {
  position: absolute;
  inset: 5px;
  border: 1px dashed rgb(255 239 203 / 48%);
  content: "";
  pointer-events: none;
}
.league-choice-clock { margin-left: .65em; text-transform: none; font-variant-numeric: tabular-nums; }
.league-live-banner-trigger { position: fixed; bottom: 10px; left: 50%; transform: translateX(-50%); z-index: 95; background: #fff8e8; box-shadow: 0 3px 12px #0005; }

/* The exit uses the same composed Final Edition pennant as every completed
   run: crest, final five, record, and its share-banner layout stay intact. */
.league-run-banner-view {
  position: fixed;
  inset: 0;
  z-index: 126;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: .8rem;
  align-items: center;
  padding: 14px;
  overflow: auto;
  background: radial-gradient(circle at 50% 12%, rgb(209 160 81 / 14%), transparent 38%), rgb(22 30 29 / 94%);
}
.league-run-banner-stage { width: 100%; max-width: 600px; min-width: 0; justify-self: center; align-self: center; }
.league-run-banner-stage .share-viewer-area { width: 100%; min-width: 0; max-width: 100%; }
.league-run-banner-stage .share-scale-pad { margin-inline: auto; max-width: 100%; }
.league-run-banner-stage .share-banner { box-shadow: 0 10px 28px rgb(0 0 0 / 46%); }
.league-run-banner-return { width: min(100%, 30rem); justify-self: center; }

/* A personal banner is an actual filed edition, not a second route into the
   bracket. It stays over the live desk until its explicit Observe control. */
.league-personal-banner-shell.bl-loading-backdrop {
  position: fixed;
  inset: 0;
  z-index: 126;
  display: grid;
  place-items: center;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 20px;
  border: 0;
  background: rgb(32 24 17 / 58%);
  backdrop-filter: blur(3px);
}

.league-personal-edition.bl-live-panel {
  width: min(100%, 31rem);
  max-height: calc(100dvh - 40px);
  overflow-y: auto;
  padding: clamp(1rem, 5vw, 1.6rem);
  color: #36251a;
  border: 4px double #68452f;
  border-radius: 0;
  background: repeating-linear-gradient(0deg, rgb(124 87 49 / 6%) 0 1px, transparent 1px 6px), #fff8e7;
  box-shadow: 5px 6px 0 rgb(45 29 18 / 22%), inset 0 0 0 2px #fffdf5;
}

.league-personal-edition > header {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.35rem 0.65rem;
  align-items: end;
  padding-bottom: 0.7rem;
  border-bottom: 4px double #67442e;
}

.league-personal-edition > header span,
.league-personal-edition > header strong,
.league-personal-edition-record small,
.league-personal-edition-kicker {
  font: 700 0.62rem/1.2 "Courier New", monospace;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.league-personal-edition > header strong { color: #7f4228; }
.league-personal-edition > header span:last-child { color: #267f76; }
.league-personal-edition-kicker { margin: 1rem 0 0.25rem; color: #a1512c; }
.league-personal-edition h2 { margin: 0; font: 700 clamp(2rem, 9vw, 3.4rem)/0.96 Georgia, "Times New Roman", serif; letter-spacing: -0.04em; }

.league-personal-edition-record {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 1rem 0;
  border: 3px double rgb(107 72 50 / 58%);
  text-align: center;
}

.league-personal-edition-record > div { display: grid; gap: 0.18rem; padding: 0.7rem 0.35rem; }
.league-personal-edition-record > div + div { border-left: 1px solid rgb(107 72 50 / 42%); }
.league-personal-edition-record strong { font: 700 clamp(1.5rem, 7vw, 2.25rem)/1 Georgia, serif; }
.league-personal-edition-record small { color: #775641; }
.league-personal-edition-deck { margin: 0 0 1rem; color: #5c4636; font: 400 0.9rem/1.45 Georgia, serif; }
.league-personal-edition .primary-action { width: 100%; }

/* The personal result is a destination in its own right, not another dialog
   over the live desk. The narrow cloth-like sheet reads as a filed banner. */
.league-personal-banner-view {
  position: fixed;
  inset: 0;
  z-index: 126;
  display: grid;
  place-items: center;
  padding: 18px;
  overflow: auto;
  background:
    radial-gradient(circle at 50% 0%, rgb(208 160 91 / 19%), transparent 42%),
    linear-gradient(135deg, rgb(27 45 50 / 96%), rgb(20 30 31 / 98%));
}

.league-personal-banner {
  width: min(100%, 34rem);
  padding: clamp(1.1rem, 5vw, 1.8rem);
  color: #fff7df;
  border: 4px double #e6c27b;
  background:
    repeating-linear-gradient(90deg, transparent 0 8px, rgb(255 255 255 / 4%) 8px 9px),
    linear-gradient(160deg, #3f6870, #244951 60%, #17343a);
  box-shadow: 0 12px 0 rgb(12 24 26 / 55%), inset 0 0 0 2px rgb(255 244 207 / 28%);
}

.league-personal-banner > header {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.25rem 0.65rem;
  align-items: end;
  padding-bottom: 0.75rem;
  border-bottom: 3px double rgb(246 224 177 / 74%);
}

.league-personal-banner > header span,
.league-personal-banner > header strong,
.league-personal-banner-record small,
.league-personal-banner-kicker {
  font: 700 0.63rem/1.2 "Courier New", monospace;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.league-personal-banner > header span:last-child { color: #f1d17c; }
.league-personal-banner-kicker { margin: 1.1rem 0 0.25rem; color: #f0ce7a; }
.league-personal-banner h2 { margin: 0; color: #fff9ea; font: 700 clamp(2.15rem, 10vw, 3.55rem)/0.93 Georgia, "Times New Roman", serif; letter-spacing: -0.045em; text-shadow: 2px 3px 0 rgb(19 38 42 / 50%); }

.league-personal-banner-record {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 1.1rem 0;
  border: 3px double rgb(246 224 177 / 74%);
  background: rgb(8 31 35 / 18%);
  text-align: center;
}

.league-personal-banner-record > div { display: grid; gap: 0.18rem; padding: 0.76rem 0.35rem; }
.league-personal-banner-record > div + div { border-left: 1px solid rgb(246 224 177 / 48%); }
.league-personal-banner-record strong { color: #fff8e2; font: 700 clamp(1.5rem, 7vw, 2.25rem)/1 Georgia, serif; }
.league-personal-banner-record small { color: #dfc58f; }
.league-personal-banner-deck { margin: 0 0 1.15rem; color: #f5ebd0; font: 400 1rem/1.45 Georgia, "Times New Roman", serif; }
.league-personal-banner-return { width: 100%; border: 1px solid #e7c26f; background: #d1662c; color: #fff8e8; }

/* The shared solo-season desk keeps a visible ledger of every target. A
   check is permanent: a threshold cannot appear unfinished after it is hit. */
.league-milestone-ledger {
  display: grid;
  gap: 0.55rem;
  margin-top: 0.8rem;
  padding: 0.72rem;
  border: 3px double rgb(116 84 56 / 48%);
  color: #4d3728;
  background: repeating-linear-gradient(0deg, rgb(128 90 48 / 5%) 0 1px, transparent 1px 5px), rgb(255 249 232 / 78%);
}

.league-milestone-ledger-copy { display: grid; gap: 0.1rem; }
.league-milestone-ledger-copy span,
.league-milestone-ledger-copy small {
  font: 700 0.57rem/1.3 "Courier New", monospace;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.league-milestone-ledger-copy span { color: #9a4c2a; }
.league-milestone-ledger-copy strong { font: 700 1rem/1.12 Georgia, "Times New Roman", serif; }
.league-milestone-ledger-copy small { color: #81664e; }

.league-milestone-checks { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.28rem; }
.league-milestone-checks > span {
  display: grid;
  place-items: center;
  gap: 0.1rem;
  min-height: 2.2rem;
  padding: 0.2rem 0.08rem;
  border: 1px solid rgb(116 84 56 / 38%);
  color: #816b58;
  background: #fffaf0;
}
.league-milestone-checks b { font: 700 0.76rem/1 Georgia, serif; }
.league-milestone-checks small { font: 700 0.42rem/1 "Courier New", monospace; letter-spacing: 0.05em; text-transform: uppercase; }
.league-milestone-checks .is-filed { border-color: #267f76; color: #fff8e9; background: #267f76; }
.league-milestone-checks .is-next { border: 2px solid #b65c32; color: #9a4926; }
.league-milestone-checks .is-unreachable {
  position: relative;
  overflow: hidden;
  border-color: #ae3d31;
  color: #9b352b;
  background: #fff3e9;
}

.league-milestone-checks .is-unreachable::after {
  position: absolute;
  top: 48%;
  left: -22%;
  width: 145%;
  height: 2px;
  background: #b3342a;
  box-shadow: 0 1px 0 rgb(255 248 232 / 88%);
  content: "";
  pointer-events: none;
  transform: rotate(-34deg);
}

/* The bracket remains complete below; this compact card gives a human GM one
   fixed place to track their own series before scanning the field. */
.league-pinned-series {
  margin: 0 0 0.72rem;
  border: 3px double rgb(106 70 46 / 58%);
  color: #493226;
  background: linear-gradient(90deg, rgb(224 176 100 / 14%), transparent 50%, rgb(224 176 100 / 14%));
}
.league-pinned-series header { display: grid; grid-template-columns: 1fr auto; gap: 0.2rem 0.6rem; padding: 0.45rem 0.55rem; border-bottom: 1px solid rgb(106 70 46 / 34%); }
.league-pinned-series header span,
.league-pinned-series header small { font: 700 0.56rem/1.15 "Courier New", monospace; letter-spacing: 0.11em; text-transform: uppercase; }
.league-pinned-series header span { color: #9a4c2a; }
.league-pinned-series header strong { font: 700 0.8rem/1 Georgia, serif; }
.league-pinned-series header small { color: #267f76; text-align: right; }
.league-pinned-series-matchup { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 0.4rem; align-items: center; padding: 0.55rem; }
.league-pinned-series-matchup b { min-width: 0; overflow: hidden; font: 700 0.67rem/1.2 "Courier New", monospace; text-overflow: ellipsis; white-space: nowrap; }
.league-pinned-series-matchup b:last-child { text-align: right; }
.league-pinned-series-matchup strong { color: #8b4127; font: 700 1rem/1 Georgia, serif; }

.league-postseason-verdict-countdown span,
.league-postseason-verdict-countdown b {
  display: block;
}

.league-postseason-verdict-countdown b {
  margin-bottom: 0.14rem;
  color: #493020;
  font-size: 0.69rem;
}

.league-season-milestones {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.85rem;
  align-items: center;
  margin-top: 0.85rem;
  padding: 0.8rem;
  color: #4d3728;
  border: 3px double rgb(116 84 56 / 48%);
  background: repeating-linear-gradient(0deg, rgb(128 90 48 / 5%) 0 1px, transparent 1px 5px), rgb(255 249 232 / 78%);
}

.league-season-milestones-copy {
  display: grid;
  gap: 0.12rem;
  min-width: 0;
}

.league-season-milestones-copy span,
.league-season-milestones-copy small {
  font: 700 0.58rem/1.3 "Courier New", monospace;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.league-season-milestones-copy span { color: #9a4c2a; }
.league-season-milestones-copy strong { font: 700 1rem/1.1 Georgia, "Times New Roman", serif; }
.league-season-milestones-copy small { color: #81664e; }

.league-season-milestones-track {
  display: flex;
  gap: 0.28rem;
}

.league-season-milestones-track span {
  display: grid;
  place-items: center;
  width: 1.9rem;
  height: 1.9rem;
  color: #816b58;
  border: 1px solid rgb(116 84 56 / 38%);
  border-radius: 50%;
  background: #fffaf0;
}

.league-season-milestones-track b { font: 700 0.65rem/1 Georgia, serif; }
.league-season-milestones-track small { font: 700 0.42rem/1 "Courier New", monospace; }
.league-season-milestones-track .is-filed { color: #fff8e9; border-color: #267f76; background: #267f76; }
.league-season-milestones-track .is-next { color: #9a4926; border: 2px solid #b65c32; }

.league-final-banner-shell.bl-loading-backdrop { position: fixed; inset: 0; z-index: 110; display: grid; place-items: center; margin: 0; width: 100%; max-width: none; border: 0; padding: 20px; background: rgb(32 24 17 / 58%); backdrop-filter: blur(3px); }
.league-final-edition.bl-live-panel { max-height: calc(100dvh - 40px); overflow-y: auto; border-radius: 8px; width: min(100%, 34rem); }
.league-postseason-verdict-card.bl-live-panel { max-height: calc(100dvh - 40px); overflow-y: auto; border-radius: 8px; }
.league-final-edition > header .league-final-edition-number { display: none; }
.league-final-edition.bl-live-panel > header { grid-template-columns: minmax(0, 1fr); }
.league-final-edition-actions .primary-action { width: 100%; }
.league-postseason-verdict-ledger strong,.league-postseason-verdict-ledger span { display: block; }
.league-final-edition-user span { text-transform: none; }
.league-postseason-verdict-card h2 { font-size: clamp(2rem, 8vw, 2.8rem); }

.league-final-edition {
  width: min(100%, 43rem);
  margin: 0 auto;
  padding: clamp(1rem, 4vw, 1.7rem);
  color: #332218;
  border: 4px double #68452f;
  background: repeating-linear-gradient(0deg, rgb(124 87 49 / 6%) 0 1px, transparent 1px 6px), #fff8e7;
  box-shadow: 5px 6px 0 rgb(45 29 18 / 22%), inset 0 0 0 2px #fffdf5;
}

.league-final-edition > header {
  display: grid;
  grid-template-columns: 3.2rem 1fr 3.2rem;
  align-items: center;
  gap: 0.6rem;
  padding-bottom: 0.8rem;
  border-bottom: 4px double #67442e;
  text-align: center;
}

.league-final-edition > header div { display: grid; gap: 0.2rem; }
.league-final-edition > header small { font: 700 0.63rem/1.2 "Courier New", monospace; letter-spacing: 0.14em; text-transform: uppercase; }
.league-final-edition > header strong { font: 700 clamp(1rem, 4vw, 1.35rem)/1.05 Georgia, serif; }
.league-final-edition-number { display: grid; place-items: center; aspect-ratio: 1; border: 2px solid #9b4e2b; border-radius: 50%; color: #9b4e2b; font: 800 0.62rem/1 "Courier New", monospace; }
.league-final-edition-kicker { margin: 1rem 0 0.25rem; color: #a1512c; font: 700 0.68rem/1.2 "Courier New", monospace; letter-spacing: 0.15em; text-align: center; text-transform: uppercase; }
.league-final-edition h2 { margin: 0; font: 700 clamp(2.15rem, 10vw, 4.15rem)/0.92 Georgia, "Times New Roman", serif; letter-spacing: -0.045em; text-align: center; }
.league-final-edition-champion { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.8rem; align-items: center; margin: 1.25rem 0 0.8rem; padding: 1.1rem; border-block: 4px double #b38631; color: #49300f; background: linear-gradient(90deg, transparent, rgb(211 166 69 / 24%), transparent); text-align: center; }
.league-final-edition-champion > div { display: grid; gap: 0.25rem; }
.league-final-edition-champion:not(:has(.league-final-edition-champion-emblem)) > div { grid-column: 1 / -1; }
.league-final-edition-champion-emblem { display: block; width: clamp(3.4rem, 12vw, 4.5rem); aspect-ratio: 1; }
.league-final-edition-champion-emblem svg { display: block; width: 100%; height: 100%; }
.league-final-edition-champion small,.league-final-edition-user small { font: 700 0.62rem/1.2 "Courier New", monospace; letter-spacing: 0.14em; text-transform: uppercase; }
.league-final-edition-champion strong { font: 700 clamp(1.7rem, 7vw, 2.7rem)/1 Georgia, serif; }
.league-final-edition-champion span,.league-final-edition-user span { color: #735b45; font: 700 0.72rem/1.35 "Courier New", monospace; text-transform: uppercase; }
.league-final-edition-user { display: grid; grid-template-columns: 3.3rem 1fr; gap: 0.8rem; align-items: center; padding: 0.85rem 0; border-bottom: 1px solid rgb(104 69 47 / 42%); }
.league-final-edition-user > div:last-child { display: grid; gap: 0.18rem; min-width: 0; }
.league-final-edition-user strong { font: 700 1.2rem/1.15 Georgia, serif; overflow-wrap: anywhere; }
.league-final-edition-monogram,
.league-final-edition-emblem { display: grid; place-items: center; aspect-ratio: 1; border: 3px double #8f4a2a; border-radius: 50%; color: #8f4a2a; font: 800 0.85rem/1 "Courier New", monospace; }
.league-final-edition-emblem { display: block; width: 3.3rem; border: 0; border-radius: 0; overflow: visible; background: transparent; }
.league-final-edition-emblem svg { display: block; width: 100%; height: 100%; }
.league-final-edition-deck { margin: 0.9rem auto 1rem; max-width: 42ch; color: #5c4636; font: 400 0.82rem/1.5 "Courier New", monospace; text-align: center; }
.league-final-edition-actions { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 0.65rem; }
.league-final-edition-actions button { min-width: 0; }

/* The shared live panel turns to navy in night mode. Re-ink the edition's
   light-paper copy explicitly so the champion, user filing, and closing note
   retain their hierarchy instead of inheriting their daytime browns. */
.theme-dark .league-final-edition {
  color: #fff4df;
  border-color: #88a5a3;
  box-shadow: 5px 6px 0 rgb(0 0 0 / 38%), inset 0 0 0 2px rgb(236 221 190 / 12%);
}

.theme-dark .league-final-edition > header { border-color: #b89262; }
.theme-dark .league-final-edition > header small { color: #e3c69e; }
.theme-dark .league-final-edition > header strong,
.theme-dark .league-final-edition h2,
.theme-dark .league-final-edition-champion strong,
.theme-dark .league-final-edition-user strong { color: #fff7e9; }
.theme-dark .league-final-edition-kicker { color: #f0aa73; }
.theme-dark .league-final-edition-champion {
  color: #fff1d1;
  border-color: #d2aa5f;
  background: linear-gradient(90deg, transparent, rgb(211 166 69 / 16%), transparent);
}
.theme-dark .league-final-edition-champion small,
.theme-dark .league-final-edition-user small { color: #efc47f; }
.theme-dark .league-final-edition-champion span,
.theme-dark .league-final-edition-user span { color: #dcc9aa; }
.theme-dark .league-final-edition-user { border-color: rgb(205 174 127 / 42%); }
.theme-dark .league-final-edition-deck { color: #d8cbb6; }
.theme-dark .league-final-edition-actions .live-small-button {
  color: #f5e7ce;
  border-color: #a9865f;
  background: #26383d;
}

.league-review-masthead { display: grid; gap: 0.25rem; margin-bottom: 1rem; padding: 0.9rem; border-block: 4px double #765139; text-align: center; }
.league-review-masthead span { color: #9b4e2b; font: 700 0.66rem/1 "Courier New", monospace; letter-spacing: 0.16em; text-transform: uppercase; }
.league-review-masthead strong { font: 700 clamp(1.5rem, 6vw, 2.4rem)/1 Georgia, serif; }
.league-season-review .post-season { border-radius: 0; border: 3px double rgb(104 70 47 / 58%); background: repeating-linear-gradient(0deg, rgb(124 87 49 / 5%) 0 1px, transparent 1px 6px), #fff9eb; }
.league-season-review .post-season-trophy { position: relative; padding-left: 4.9rem; }
.league-season-review .post-season-trophy.post-season-finalist { padding-left: 4.15rem; }
.post-season-team-emblem { flex: none; display: inline-block; width: 1.8rem; aspect-ratio: 1; }
.post-season-team-emblem svg { display: block; width: 100%; height: 100%; }
.post-season-team-emblem.is-champion,
.post-season-team-emblem.is-finalist { position: absolute; left: 0.9rem; top: 50%; transform: translateY(-50%); }
.post-season-team-emblem.is-champion { width: 3.35rem; }
.post-season-team-emblem.is-finalist { width: 2.65rem; }
.post-season-team-cell { display: flex; align-items: center; gap: 0.5rem; min-width: 0; }
.league-lineup-archive { margin-top: 1rem; border: 3px double rgb(104 70 47 / 58%); background: #fff9eb; }
.league-lineup-archive summary { padding: 1rem; color: #713d26; cursor: pointer; font: 700 0.78rem/1 "Courier New", monospace; letter-spacing: 0.13em; text-align: center; text-transform: uppercase; }
.league-lineup-archive[open] summary { border-bottom: 1px solid rgb(104 70 47 / 38%); }
.league-review-exit { width: 100%; margin-top: 1rem; }

/* Small, engraved identity marks for the shared public-league desk. They
   inherit the file's ink, so night mode and the user-team highlight need no
   second visual language. */
.d5-team-type-mark {
  display: inline-block;
  width: 0.82em;
  height: 0.82em;
  margin-right: 0.3em;
  vertical-align: -0.08em;
  opacity: 0.8;
  stroke: currentColor;
}

.bl-live-standings-table .d5-team-type-mark {
  width: 0.68em;
  height: 0.68em;
  margin-right: 0.22em;
}

.league-lobby-back {
  justify-self: start;
  margin: 0 0 0.75rem;
  color: #6d4833;
  border: 1px solid #9b6d4b;
  background: #ead7b8;
  cursor: pointer;
  font-family: "Courier New", monospace;
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  padding: 0.42rem 0.68rem;
  text-transform: uppercase;
  box-shadow: inset 0 0 0 1px rgb(255 251 240 / 72%), 1px 2px 0 rgb(93 57 33 / 18%);
}

.public-lobby-head { display: grid; justify-items: center; }
.league-lobby-back:hover,
.league-lobby-back:focus-visible { color: #fff8e8; border-color: #7e351e; background: #b5532d; text-decoration: none; }

/* The shared League edition keeps the banner at its normal scale and then
   renders the exact same responsive PostSeason component used in the lobby. */
.league-shared-final-edition {
  display: grid;
  gap: 1.25rem;
  min-width: 0;
}

.league-shared-final-edition > .share-viewer-area,
.league-shared-season-review {
  width: 100%;
  min-width: 0;
}

.league-shared-season-review {
  max-width: 46rem;
  margin: 0 auto;
}

/* League Trade Desk. It deliberately borrows the Season Desk paper and filing
   language; only the multiplayer states and compact roster exchange are new. */
.league-live-trade-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 2.55rem;
  margin: 0.28rem 0 0.35rem;
}

.league-live-trade-row .league-trade-button {
  min-width: 5.7rem;
  min-height: 2.25rem;
  padding: 0.48rem 0.75rem;
}

.league-trade-button {
  position: relative;
  min-width: 6.4rem;
  min-height: 2.55rem;
  padding: 0.55rem 1rem;
  border: 2px solid #71371f;
  color: #fff8e8;
  background: linear-gradient(180deg, #cf6634, #a94725);
  box-shadow: inset 0 0 0 1px rgb(255 239 204 / 36%), 2px 3px 0 rgb(68 39 24 / 22%);
  cursor: pointer;
  font: 800 0.72rem/1 "Courier New", monospace;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.league-trade-button:hover:not(:disabled),
.league-trade-button:focus-visible:not(:disabled) { background: linear-gradient(180deg, #dd7540, #b65029); }
.league-trade-button.is-disabled {
  border-color: #847668;
  color: #d8d0c3;
  background: #746d65;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 14%);
  cursor: default;
}

.league-trade-button small {
  position: absolute;
  right: -0.42rem;
  bottom: -0.36rem;
  padding: 0.18rem 0.34rem;
  border: 2px solid #87382b;
  color: #87382b;
  background: #f3dfbd;
  font: 900 0.48rem/1 "Courier New", monospace;
  letter-spacing: 0.11em;
  transform: rotate(-8deg);
}

.league-trade-backdrop {
  position: fixed;
  inset: 0;
  z-index: 180;
  display: grid;
  place-items: center;
  padding: 14px;
  background: rgb(17 20 19 / 76%);
  backdrop-filter: blur(4px);
}

.league-trade-sheet {
  width: min(54rem, calc(100vw - 28px));
  max-height: calc(100dvh - 28px);
  overflow-y: auto;
  border: 3px double #d8b06e;
  box-shadow: 7px 9px 0 rgb(0 0 0 / 28%);
}

.league-trade-options { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.league-trade-options .d5-season-desk-option { min-width: 0; }
.league-trade-matchup {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 0.55rem;
  align-items: stretch;
  width: 100%;
  margin: 0.6rem 0;
}

.league-trade-player {
  display: grid;
  gap: 0.18rem;
  min-width: 0;
  padding: 0.62rem;
  border: 1px solid rgb(100 69 44 / 42%);
  color: #33271e;
  background: rgb(255 249 232 / 82%);
}
.league-trade-player b { color: #a34c2a; font: 800 0.52rem/1 "Courier New", monospace; letter-spacing: 0.13em; text-transform: uppercase; }
.league-trade-player strong { overflow: hidden; font: 700 1rem/1.08 Georgia, serif; text-overflow: ellipsis; white-space: nowrap; }
.league-trade-player span,
.league-trade-player small { overflow: hidden; font: 700 0.54rem/1.25 "Courier New", monospace; text-overflow: ellipsis; white-space: nowrap; }
.league-trade-player small { color: #755f4b; }
.league-trade-arrow { align-self: center; color: #cf6634; font: 900 1.15rem/1 Georgia, serif; }
.league-trade-actions { display: grid; grid-template-columns: 1fr 1.6fr; gap: 0.7rem; margin-top: 1rem; }
.league-trade-actions button { min-height: 3.2rem; }
.league-trade-reject { color: #81382a; border-color: #9e5d48; background: #ead4b4; }
.league-trade-hold { display: grid; place-items: center; min-height: 9rem; border: 2px dashed rgb(216 176 110 / 58%); text-align: center; }
.league-trade-hold span { display: grid; gap: 0.35rem; }
.league-trade-hold b { color: #fff8e8; font: 700 2.4rem/1 Georgia, serif; }
.league-trade-hold small { color: #e1bd83; font: 700 0.62rem/1.3 "Courier New", monospace; letter-spacing: 0.12em; text-transform: uppercase; }

@media (max-width: 520px) {
  .league-identity-sheet {
    padding: 1rem;
  }

  .league-identity-colors .live-small-button {
    min-height: 2.45rem;
  }

  .league-season-milestones { grid-template-columns: 1fr; }
  .league-season-milestones-track { justify-content: space-between; }
  .league-milestone-checks { gap: 0.18rem; }
  .league-milestone-checks > span { min-height: 2rem; }
  .league-milestone-checks small { font-size: 0.38rem; }
  .league-final-edition-actions { grid-template-columns: 1fr; }
  .league-trade-sheet { width: calc(100vw - 14px); max-height: calc(100dvh - 18px); }
  .league-trade-options { grid-template-columns: 1fr; }
  .league-trade-matchup { gap: 0.3rem; }
  .league-trade-player { padding: 0.45rem; }
  .league-trade-player strong { font-size: 0.83rem; }
  .league-trade-player span,
  .league-trade-player small { font-size: 0.47rem; }
  .league-trade-actions { grid-template-columns: 1fr 1.45fr; }

  .league-season-review .post-season-head {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.45rem;
  }

  .league-season-review .post-season-back {
    position: static;
    width: 100%;
  }

  .league-season-review .post-season-table {
    display: grid;
    gap: 0.35rem;
    overflow: visible;
  }

  .league-season-review .post-season-row.header { display: none; }

  .league-season-review .post-season-row:not(.header) {
    display: grid;
    grid-template-columns: 1.35rem minmax(0, 1fr) auto;
    grid-template-rows: repeat(2, auto);
    gap: 0.12rem 0.5rem;
    min-width: 0;
    padding: 0.52rem 0.45rem;
    border: 1px solid rgb(104 70 47 / 24%);
  }

  .league-season-review .post-season-row:not(.header) > strong:first-child {
    grid-area: 1 / 1 / span 2 / 2;
    align-self: center;
  }

  .league-season-review .post-season-row:not(.header) > span:nth-child(2) {
    grid-area: 1 / 2;
    min-width: 0;
    overflow: hidden;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .league-season-review .post-season-row:not(.header) > span:nth-child(3) {
    grid-area: 2 / 2;
    padding-left: 2.3rem;
    color: #876c54;
    font-size: 0.58rem;
    text-transform: uppercase;
  }

  .league-season-review .post-season-row:not(.header) > span:nth-child(4) { grid-area: 1 / 3; font-weight: 700; }
  .league-season-review .post-season-row:not(.header) > span:nth-child(5) { grid-area: 2 / 3; color: #876c54; font-size: 0.62rem; }
  .league-season-review .post-season-row:not(.header) > span:nth-child(6) { grid-area: 1 / 3; transform: translateY(-0.05rem); }
  .league-season-review .post-season-row:not(.header):has(> span:nth-child(6)) > span:nth-child(4) { grid-area: 2 / 2; justify-self: end; }
  .league-season-review .post-season-row:not(.header):has(> span:nth-child(6)) > span:nth-child(5) { display: none; }
}