/* Homepage cleanup: preserve the existing black/gold identity and all application controls. */
#board-state[data-view="home"] ~ .hero { padding: 48px 0 38px; }
#board-state[data-view="home"] ~ .hero h1 { font-size: clamp(36px, 3.5vw, 48px); line-height: 1.1; }
#board-state[data-view="home"] ~ .hero .hero-description { margin-top: 10px; font-size: 17px; }
#board-state[data-view="home"] ~ .competition-grid { gap: 40px; }
#board-state[data-view="home"] ~ .competition-grid .leader-card { border-top: 1px solid #66552f; border-radius: 4px; min-height: 344px; padding: 28px; }
#board-state[data-view="home"] ~ .competition-grid .empty-feature { padding: 28px 0 30px; }
#board-state[data-view="home"] ~ .competition-grid .empty-copy h2 { margin: 0; font-size: clamp(32px, 3.4vw, 42px); line-height: 1.12; }
#board-state[data-view="home"] ~ .competition-grid .cat-mascot { width: 208px; }
#board-state[data-view="home"] ~ .competition-grid .mascot-label { font-size: 9px; letter-spacing: .07em; color: #888; }
#board-state[data-view="home"] ~ .competition-grid .standings-panel { border-top: 1px solid #454545; padding-top: 27px; }
#board-state[data-view="home"] ~ .competition-grid .panel-heading h2 { font-size: 22px; }
#board-state[data-view="home"] ~ .competition-grid .empty-standings h3 { color: #a8a8a8; font-size: 16px; font-weight: 400; }
#board-state[data-view="home"] ~ .ranking-note { border-top: 1px solid var(--line); padding-top: 32px; margin-top: 40px; }
@media (max-width: 767px) {
  #board-state[data-view="home"] ~ .hero { padding: 32px 0 28px; }
  #board-state[data-view="home"] ~ .hero h1 { font-size: 36px; }
  #board-state[data-view="home"] ~ .hero .hero-description { font-size: 16px; }
  #board-state[data-view="home"] ~ .competition-grid { gap: 28px; }
  #board-state[data-view="home"] ~ .competition-grid .leader-card { min-height: 300px; padding: 20px; }
  #board-state[data-view="home"] ~ .competition-grid .empty-feature { grid-template-columns: minmax(0, 1fr) minmax(110px, 44%); padding: 22px 0 26px; }
  #board-state[data-view="home"] ~ .competition-grid .empty-copy h2 { font-size: 31px; }
  #board-state[data-view="home"] ~ .competition-grid .standings-panel { padding-top: 20px; }
  #board-state[data-view="home"] ~ .competition-grid .empty-standings { min-height: 98px; padding: 20px 12px; }
  #board-state[data-view="home"] ~ .ranking-note { margin-top: 26px; padding-top: 26px; }
}
@media (max-width: 359px) {
  #board-state[data-view="home"] ~ .hero h1 { font-size: 32px; }
  #board-state[data-view="home"] ~ .competition-grid .empty-copy h2 { font-size: 27px; }
}
/* Persistent brand mascot, independent of the current leader. */
.site-header { gap: 24px; }
.header-mascot { display: flex; justify-content: center; align-items: center; flex: 1 1 64px; min-width: 42px; align-self: stretch; }
.header-mascot img { display: block; width: 64px; height: 62px; object-fit: contain; }
.site-header nav { margin-left: 0; }
@media (max-width: 1023px) {
  .site-header { gap: 18px; }
  .header-mascot img { width: 52px; height: 55px; }
}
@media (max-width: 767px) {
  .site-header { gap: 8px; padding-top: 13px; }
  .site-header .wordmark { font-size: clamp(16px, 5vw, 22px); gap: 4px; }
  .site-header .wordmark img { width: 22px; }
  .header-mascot { flex: 1 1 38px; min-width: 38px; }
  .header-mascot img { width: 42px; height: 42px; }
  .header-actions { margin-left: 0; }
  .header-actions .button { min-height: 38px; padding: 8px 10px; font-size: 11px; }
  .header-actions .button > [aria-hidden="true"] { display: none; }
}