/* Application workflow feature stylesheet, extracted from the retired legacy monolith. */

@keyframes settingsPanelIn{
  from{opacity:.35;transform:translateY(4px)}
  to{opacity:1;transform:none}
}

.league-settings-page .settings-inline-actions .brk-btn.primary{
  min-width:190px;
  min-height:42px;
  box-shadow:0 8px 20px rgba(14,101,221,.23);
}

@media(max-width:680px){
  .league-settings-page .settings-inline-actions .message{
    margin:0;
  }
}.prize-pool-total-form .message{grid-column:1/-1;margin:0}.settings-inline-actions .message{margin-right:auto}
.tournament-discord-actions .message{margin-right:auto}@media(max-width:760px){.tournament-discord-actions .message{width:100%}}

:root {
  --bg: #020814;
  --bg-2: #04152d;
  --panel: rgba(3, 12, 28, 0.88);
  --panel-2: rgba(7, 23, 50, 0.78);
  --panel-3: rgba(10, 35, 78, 0.68);
  --text: #f4f8ff;
  --muted: #aebfd5;
  --border: rgba(0, 170, 255, 0.22);
  --accent: #009dff;
  --accent-2: #00c8ff;
  --accent-soft: rgba(0, 157, 255, 0.14);
  --danger: #ff5c7a;
  --success: #51ffb0;
  --warning: #d5b58c;
}

body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at 15% 18%, rgba(0, 180, 255, 0.18), transparent 34%),
    radial-gradient(circle at 88% 82%, rgba(0, 100, 255, 0.18), transparent 42%),
    linear-gradient(135deg, var(--bg) 0%, var(--bg-2) 50%, #071f49 100%);
  color: var(--text);
  font-family: Arial, Helvetica, sans-serif;
}

.topbar {
  padding: 24px 32px;
  border-bottom: 1px solid var(--border);
  background: rgba(16, 24, 39, 0.8);
  backdrop-filter: blur(10px);
}

.topbar h1 {
  margin: 0;
  font-size: 28px;
}

.topbar p {
  margin: 6px 0 0;
  color: var(--muted);
}

.card {
  background: rgba(16, 24, 39, 0.92);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
}

.card-header,
.roster-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

input,
select {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--panel-2);
  color: var(--text);
  padding: 12px 13px;
  outline: none;
}

input:focus,
select:focus {
  border-color: var(--accent-2);
}

.primary-btn,
.secondary-btn,
.ghost-btn,
.danger-btn {
  border: 0;
  border-radius: 12px;
  padding: 11px 14px;
  cursor: pointer;
  font-weight: 700;
}

.secondary-btn {
  background: rgba(56, 189, 248, 0.16);
  color: var(--accent-2);
  border: 1px solid rgba(56, 189, 248, 0.3);
}

.danger-btn {
  background: rgba(251, 113, 133, 0.16);
  color: var(--danger);
  border: 1px solid rgba(251, 113, 133, 0.35);
}

.hidden {
  display: none !important;
}

.message {
  min-height: 20px;
  color: var(--accent);
}

.roster-rows {
  display: grid;
  gap: 10px;
}

.player-row {
  display: grid;
  grid-template-columns: 1fr 1fr 120px 42px;
  gap: 8px;
  align-items: end;
  padding: 10px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: rgba(21, 31, 50, 0.75);
}

.player-row button {
  height: 42px;
  padding: 0;
}

.dashboard-card.disabled {
  opacity: 0.45;
  pointer-events: none;
  background-repeat: repeat;
  background-size: 180px 180px, 100% 100%;
}

.modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
  display: grid;
  place-items: center;
  z-index: 9999;
}

.modal-card {
  width: min(480px, 92vw);
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 22px;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.45);
}

.modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
}

@media (max-width: 950px) {

  .player-row {
    grid-template-columns: 1fr;
  }
}

.points-grid,
.league-options-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.league-options-grid.two-col {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.movement.up {
  color: var(--accent);
  opacity: 1;
}

.movement.down {
  color: var(--danger);
  opacity: 1;
}

.form-dot.win {
  background: #16a34a;
  margin: 2px;
}

@media (max-width: 900px) {

  .points-grid,
  .league-options-grid,
  .league-options-grid.two-col {
    grid-template-columns: 1fr;
  }
}

.movement.up {
  color: #3ddc84;
}

.movement.down {
  color: #ff4d67;
}

.fixture-round-tabs .primary-btn.active-tab,
.fixture-round-tabs .secondary-btn.active-tab {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
}

.applications-head,
.application-title-row,
.applications-counts,
.application-actions,
.application-card-actions,
.copy-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.application-status {
  padding: 3px 7px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  background: rgba(56, 189, 248, 0.12);
  color: var(--accent-2);
}

.application-status.open,
.application-status.approved {
  background: rgba(0, 200, 255, 0.14);
  color: var(--accent);
}

.application-status.closed,
.application-status.rejected {
  background: rgba(251, 113, 133, 0.14);
  color: var(--danger);
}

.application-actions {
  flex-wrap: wrap;
}

.application-roster,
.application-notes {
  line-height: 1.35;
}

textarea {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--panel-2);
  color: var(--text);
  padding: 12px 13px;
  outline: none;
  resize: vertical;
}
.admin-topbar,
.topbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}

.topbar-left,
.topbar>div:first-child {
  min-width: 0;
}

.topbar-title h1,
.topbar h1 {
  letter-spacing: -0.02em;
}

.brk-topbar .brk-search,
.topbar .brk-search,
.admin-topbar .brk-search,
.brk-search {
  display: none !important;
}

.brk-topbar .brk-top-actions > .brk-primary-btn,
.brk-topbar .brk-top-actions > a[href="/leagues"],
.brk-topbar .brk-top-actions > a[href="/leagues#create"] {
  display: none !important;
}

.section-tabs .primary-btn,
.section-tabs .secondary-btn {
  min-width: 140px;
}

.league-page .form-card {
  max-width: 900px;
}

.league-page .league-section.hidden {
  display: none !important;
}

.league-page .league-section:not(.hidden) {
  display: block;
}

@media (max-width: 900px) {

  .admin-topbar,
  .topbar {
    flex-direction: column;
    align-items: stretch;
  }
}

.league-page .league-card .team-actions .secondary-btn,
.league-page .league-card .team-actions .danger-btn {
  padding: 10px 13px;
}

.fixture-round-check.selected {
  border-color: rgba(37, 211, 102, 0.75);
  background: rgba(37, 211, 102, 0.20);
}

.info-form-grid.compact {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.application-settings-grid.compact {
  grid-template-columns: minmax(280px, 0.85fr) minmax(220px, 320px);
  max-width: 980px;
  margin-top: 16px;
}

.application-details-card .application-actions {
  margin-top: 14px;
}

@media (max-width: 980px) {

  .application-settings-grid.compact {
    grid-template-columns: 1fr;
  }
}

.bracket-hub-header .message {
  margin: 0;
  min-height: 0;
  color: #5ee7ff;
}

.application-settings-grid.compact {
  grid-template-columns: minmax(260px, 1fr) minmax(220px, 300px);
  max-width: 900px;
}

.secondary-btn {
  background: rgba(31, 80, 143, 0.52);
  border-color: rgba(84, 199, 255, 0.28);
}

@media (max-width: 720px) {

  .application-settings-grid.compact,
  .schedule-generation-card {
    grid-template-columns: 1fr;
  }
}
.topbar,
.card,
.bracket-hub-card,
.management-section,
.info-form-section,
.info-card-soft,
.application-card,
.bracket-team-card,
.section-side-nav {
  backdrop-filter: blur(12px);
}

.secondary-btn {
  background: rgba(0, 112, 210, 0.24);
  color: #d9f7ff;
  border-color: rgba(0, 200, 255, 0.32);
}

input,
select,
textarea {
  border-color: rgba(0, 170, 255, 0.24);
  background: rgba(4, 18, 42, 0.86);
}

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(0, 200, 255, 0.72);
  box-shadow: 0 0 0 3px rgba(0, 157, 255, 0.14);
}

.message,
.bracket-hub-header .message,
.application-save-status {
  color: #5ee7ff;
}

.bracket-hub-card .secondary-btn,
.bracket-hub-card .ghost-btn,
.bracket-hub-card .danger-btn {
  border-color: rgba(0, 170, 255, 0.24);
}
.admin-topbar,
.topbar {
  background:
    radial-gradient(circle at 12% 0%, rgba(0, 157, 255, 0.14), transparent 30%),
    linear-gradient(180deg, rgba(3, 18, 43, 0.96), rgba(2, 10, 27, 0.98)) !important;
  border-bottom-color: rgba(0, 170, 255, 0.24) !important;
}

.dashboard-news-support-grid .staff-latest-news-card.hidden {
  display: none;
}

.dashboard-modal.hidden {
  display: none;
}


.apply-hero-card {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}
.topbar,
.admin-topbar {
  padding: 18px 32px !important;
}

.topbar h1,
.topbar-title h1,
.page-title h1,
.league-page .topbar h1,
.dashboard-page .topbar h1 {
  font-size: 24px !important;
  line-height: 1.1 !important;
  margin: 0 !important;
}

.topbar p,
.topbar-title p {
  font-size: 14px !important;
  margin-top: 4px !important;
}

body.bracket-page .topbar {
  min-height: 88px;
}

.general-ruleset-row .secondary-btn {
  width: fit-content;
}

.general-ruleset-row .secondary-btn {
  border-radius: 999px;
}

.apply-shell {
  width: min(1500px, calc(100% - 40px));
  margin: 28px auto 56px;
  display: grid;
  gap: 20px;
}

.apply-hero-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px;
  padding: 26px;
  background:
    linear-gradient(135deg, rgba(0, 64, 116, 0.62), rgba(3, 12, 28, 0.94)),
    radial-gradient(circle at 82% 18%, rgba(0, 200, 255, 0.14), transparent 32%);
}

.apply-hero-card h2 {
  margin: 4px 0 8px;
  font-size: clamp(30px, 4vw, 56px);
  letter-spacing: -0.04em;
  text-shadow: 0 4px 0 rgba(0, 0, 0, 0.35);
}

.apply-hero-card p {
  max-width: 880px;
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.55;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--accent-2);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

.apply-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 118px;
  padding: 12px 18px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(40, 220, 190, 0.95), rgba(0, 157, 255, 0.9));
  color: #ffffff;
  font-weight: 900;
  box-shadow: 0 18px 40px rgba(0, 157, 255, 0.2);
}

.apply-status-pill.is-closed {
  background: rgba(255, 92, 122, 0.18);
  border: 1px solid rgba(255, 92, 122, 0.35);
  color: var(--danger);
  box-shadow: none;
}

.apply-status-pill.is-signed-up {
  background: rgba(34, 197, 94, 0.18);
  border: 1px solid rgba(34, 197, 94, 0.35);
  color: #bfffd2;
  box-shadow: none;
}

.apply-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(360px, 0.8fr);
  gap: 20px;
  align-items: start;
}

.apply-form-card,
.apply-details-stack .card {
  background: rgba(3, 12, 28, 0.88);
  border-color: rgba(0, 170, 255, 0.24);
}

.apply-form-card {
  padding: 26px;
}

.apply-form-card .card-header {
  padding-bottom: 18px;
  margin-bottom: 8px;
  border-bottom: 1px solid rgba(0, 170, 255, 0.18);
}

.apply-form-card .card-header h2 {
  font-size: 26px;
}

.apply-form-card .muted {
  color: var(--muted);
  line-height: 1.5;
}

.team-account-callout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 14px 0;
  padding: 18px;
  border: 1px solid rgba(0, 200, 255, 0.24);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(0, 157, 255, 0.14), rgba(3, 12, 28, 0.54));
}

.team-account-callout h3 {
  margin: 6px 0;
  font-size: 18px;
}

.team-account-callout p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.existing-application-summary {
  display: grid;
  gap: 18px;
  margin-top: 18px;
}

.existing-application-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 18px;
  border: 1px solid rgba(34, 197, 94, .28);
  border-radius: 18px;
  background: rgba(9, 42, 31, .42);
}

.existing-application-head h2 {
  margin: 4px 0 8px;
}

.existing-application-head p {
  margin: 0;
  color: var(--muted);
}

.existing-application-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(34, 197, 94, .45);
  border-radius: 999px;
  padding: 8px 12px;
  color: #bfffd2;
  font-weight: 900;
  white-space: nowrap;
}

.existing-team-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.existing-tournament-status {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.existing-tournament-status article {
  border: 1px solid rgba(34, 197, 94, .28);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(10, 70, 45, .42), rgba(3, 20, 42, .62));
  padding: 16px;
}

.existing-tournament-status span {
  display: block;
  margin-bottom: 7px;
  color: #86efac;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.existing-tournament-status strong {
  display: block;
  color: #fff;
  font-size: 24px;
  line-height: 1.1;
}

.existing-tournament-status small {
  display: block;
  margin-top: 7px;
  color: var(--muted);
}

.existing-team-grid div,
.existing-roster-block,
.existing-notes {
  border: 1px solid rgba(0, 170, 255, .2);
  border-radius: 16px;
  background: rgba(0, 12, 28, .58);
  padding: 14px;
}

.existing-team-grid span {
  display: block;
  margin-bottom: 6px;
  color: #7dd3fc;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.existing-team-grid strong {
  color: #fff;
  word-break: break-word;
}

.existing-roster-block h3,
.existing-notes h3 {
  margin: 0 0 12px;
}

.existing-roster-list {
  display: grid;
  gap: 10px;
}

.existing-roster-list article {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 12px;
  background: rgba(255, 255, 255, .035);
}

.existing-roster-list article>span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: rgba(37, 99, 235, .3);
  color: #dbeafe;
  font-weight: 900;
}

.existing-roster-list strong,
.existing-roster-list small {
  display: block;
}

.existing-roster-list small {
  margin-top: 3px;
  color: var(--muted);
}

.existing-notes p {
  margin: 0;
  color: var(--muted);
  white-space: pre-wrap;
}

.existing-application-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.account-create-callout {
  background:
    linear-gradient(135deg, rgba(81, 255, 176, 0.1), rgba(0, 157, 255, 0.08));
}

.apply-section-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 22px 0 4px;
  padding-top: 18px;
  border-top: 1px solid rgba(0, 170, 255, 0.16);
}

.apply-section-title>span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: white;
  font-weight: 900;
}

.apply-section-title h3 {
  margin: 0;
  font-size: 18px;
}

.apply-section-title p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.apply-form-card label {
  font-weight: 700;
  color: #cfe5ff;
}

.apply-form-card input,
.apply-form-card select,
.apply-form-card textarea {
  min-height: 46px;
  border-radius: 13px;
  background: rgba(0, 12, 28, 0.78);
  border-color: rgba(0, 170, 255, 0.26);
}

.apply-form-card textarea {
  width: 100%;
  resize: vertical;
  color: var(--text);
  padding: 12px 13px;
  outline: none;
}

.apply-form-card textarea:focus {
  border-color: var(--accent-2);
}

.apply-form-card .primary-btn {
  justify-self: start;
  margin-top: 8px;
  padding: 14px 20px;
  border-radius: 14px;
  background: linear-gradient(135deg, #20dbc0, #009dff);
  box-shadow: 0 16px 34px rgba(0, 157, 255, 0.24);
}

.application-player-row {
  grid-template-columns: minmax(160px, 1fr) minmax(180px, 1.1fr) 140px minmax(160px, 0.9fr) 44px;
  padding: 14px;
  border-radius: 18px;
  background: rgba(0, 15, 35, 0.72);
}

.player-id-lookup-card {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: 12px;
  align-items: end;
  padding: 14px;
  border: 1px solid rgba(84, 167, 255, 0.24);
  border-radius: 8px;
  background: rgba(0, 15, 35, 0.58);
}

.player-id-lookup-card .message,
.player-lookup-result {
  grid-column: 1 / -1;
}

.player-lookup-card,
.confirmed-player-row {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) minmax(140px, 190px) auto;
  gap: 12px;
  align-items: center;
}

.player-confirm-avatar {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: rgba(84, 167, 255, 0.18);
  color: #fff;
  font-weight: 900;
  overflow: hidden;
}

.player-confirm-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.confirmed-player-main {
  min-width: 0;
}

.confirmed-player-main strong,
.player-lookup-card strong {
  display: block;
  color: #fff;
}

.confirmed-player-main small,
.player-lookup-card small {
  display: block;
  color: #9fb4d3;
  overflow-wrap: anywhere;
}

.confirmed-player-row label {
  margin: 0;
}

.confirm-check {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 12px;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid rgba(81, 255, 176, 0.24);
  background: rgba(81, 255, 176, 0.07);
}

.confirm-check input {
  width: auto;
  min-height: 0;
  margin-top: 2px;
}

.apply-details-stack {
  display: grid;
  gap: 20px;
  position: sticky;
  top: 18px;
}

.competition-detail-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 14px;
}

.competition-detail-item {
  display: grid;
  gap: 4px;
  padding: 12px;
  border-radius: 14px;
  background: rgba(0, 12, 28, 0.66);
  border: 1px solid rgba(0, 170, 255, 0.18);
}

.competition-detail-item span {
  color: var(--accent-2);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.competition-detail-item strong {
  color: var(--text);
  font-size: 14px;
}

.competition-copy {
  color: var(--muted);
  line-height: 1.58;
}

.competition-copy h3 {
  margin: 16px 0 6px;
  color: var(--text);
  font-size: 16px;
}

.competition-copy h3:first-child {
  margin-top: 10px;
}

.competition-copy p {
  white-space: pre-wrap;
}

.inline-action-link {
  display: inline-flex;
  margin-left: 8px;
  color: var(--accent-2);
  font-weight: 900;
}

@media (max-width: 1100px) {
  .apply-grid {
    grid-template-columns: 1fr;
  }

  .apply-details-stack {
    position: static;
  }

  .application-player-row {
    grid-template-columns: 1fr 1fr;
  }

  .player-id-lookup-card,
  .player-lookup-card,
  .confirmed-player-row {
    grid-template-columns: 1fr;
  }

  .application-player-row button {
    width: 100%;
  }
}

@media (max-width: 720px) {

  .apply-page-topbar,
  .apply-topbar,
  .apply-hero-card,
  .team-account-callout {
    grid-template-columns: 1fr;
    flex-direction: column;
    align-items: stretch;
  }

  .apply-shell {
    width: calc(100% - 24px);
    margin-top: 16px;
  }

  .league-options-grid.two-col,
  .application-player-row,
  .player-id-lookup-card,
  .player-lookup-card,
  .confirmed-player-row {
    grid-template-columns: 1fr;
  }

  .existing-application-head,
  .existing-application-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .existing-team-grid {
    grid-template-columns: 1fr;
  }

  .existing-tournament-status {
    grid-template-columns: 1fr;
  }
  }
  
  
  .apply-public-page .apply-container {
    padding-top: 18px;
  }

  .apply-public-page .apply-shell {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto 46px;
    gap: 20px;
  }

  .apply-public-page .apply-hero-card {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 320px;
    padding: 30px;
    background:
      linear-gradient(90deg, rgba(2, 8, 20, .96) 0%, rgba(3, 18, 41, .88) 48%, rgba(5, 31, 62, .66) 100%),
      var(--apply-banner, url("/public/assets/logos/default-tournament-banner.svg")) center / cover no-repeat;
  }

  .apply-public-page .apply-hero-card:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
      linear-gradient(135deg, rgba(0, 200, 255, .08), transparent 34%, rgba(255, 59, 118, .04)),
      linear-gradient(180deg, transparent, rgba(2, 8, 20, .22));
  }

  .apply-public-page .apply-hero-card > * {
    position: relative;
  }

  .apply-public-page .apply-hero-content {
    max-width: 780px;
    display: grid;
    gap: 10px;
  }

  .apply-public-page .apply-event-logo {
    width: 70px;
    height: 70px;
    border-radius: 18px;
    margin-bottom: 4px;
    font-size: 1.4rem;
  }

  .apply-public-page .apply-event-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .apply-public-page .apply-hero-card h1 {
    margin: 0;
    color: var(--text);
    font-size: clamp(3rem, 7vw, 6rem);
    line-height: .92;
    letter-spacing: -0.055em;
    text-shadow: 0 5px 0 rgba(0, 150, 255, .25), 0 25px 70px rgba(0, 0, 0, .35);
  }

  .apply-public-page .apply-hero-card p {
    margin: 0;
    max-width: 660px;
    color: var(--muted);
    line-height: 1.5;
    text-align: left;
  }

  .apply-public-page .apply-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
  }

  .apply-public-page .apply-hero-meta span {
    border: 1px solid rgba(0, 200, 255, .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .05);
    color: #dbeafe;
    padding: 8px 11px;
    font-size: .8rem;
    font-weight: 800;
  }

  .apply-public-page .apply-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 4px;
  }

  .apply-public-page .apply-viewer-link {
    width: fit-content;
  }

  .apply-public-page .apply-submit-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
  }

  .apply-public-page .rules-pill-button {
    border-radius: 999px;
    cursor: pointer;
    font-family: inherit;
  }

  .apply-public-page .rules-summary-pill {
    width: 100%;
    min-height: 74px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border: 1px solid rgba(0, 200, 255, .22);
    border-radius: 999px;
    background: rgba(0, 200, 255, .08);
    color: var(--text);
    padding: 12px 16px 12px 20px;
    cursor: pointer;
    font: inherit;
    text-align: left;
  }

  .apply-public-page .rules-summary-pill span {
    font-weight: 900;
  }

  .apply-public-page .rules-summary-pill small {
    flex: 0 0 auto;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    color: var(--blue2);
    padding: 7px 10px;
    font-size: .72rem;
    font-weight: 900;
  }

  .apply-public-page .competition-copy .muted {
    margin: 12px 0 0;
  }

  .apply-public-page .apply-status-pill {
    align-self: end;
    min-width: 120px;
    border-radius: 999px;
    padding: 12px 18px;
    background: linear-gradient(135deg, var(--blue2, #54d7ff), #57f0a6);
    color: #06101f;
    box-shadow: 0 18px 40px rgba(0, 157, 255, .22);
  }

  .apply-public-page .apply-grid {
    grid-template-columns: minmax(0, 1.55fr) minmax(340px, .8fr);
  }

  .apply-public-page .apply-form-card,
  .apply-public-page .competition-details-card {
    border-radius: 24px;
  }

  .apply-public-page .apply-form-card {
    padding: 18px;
  }

  .apply-public-page .section-head .muted {
    margin: 6px 0 0;
    color: var(--muted);
    line-height: 1.45;
  }

  .apply-public-page .team-account-callout {
    border-radius: 20px;
    background: rgba(4, 18, 40, .78);
  }

  .apply-public-page .team-account-callout .secondary-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .apply-public-page .apply-submit-btn {
    display: inline-flex;
    margin-top: 10px;
    border: 0;
    cursor: pointer;
  }

  .apply-public-page .competition-detail-list {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  }

  .apply-public-page .competition-detail-item {
    background: rgba(255, 255, 255, .035);
  }

  .apply-public-page .confirm-check {
    cursor: pointer;
  }

  .rules-modal[hidden] {
    display: none;
  }

  .rules-modal {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 22px;
  }

  .rules-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 4, 12, .76);
    backdrop-filter: blur(8px);
  }

  .rules-modal-card {
    position: relative;
    width: min(920px, 96vw);
    max-height: min(860px, 92vh);
    display: grid;
    grid-template-rows: auto minmax(260px, 1fr) auto auto;
    gap: 14px;
    border: 1px solid rgba(0, 200, 255, .28);
    border-radius: 24px;
    padding: 20px;
    background: linear-gradient(180deg, rgba(6, 20, 44, .98), rgba(3, 10, 24, .98));
    box-shadow: 0 34px 110px rgba(0, 0, 0, .55);
  }

  .rules-modal-head,
  .rules-modal-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
  }

  .rules-modal-head h2 {
    margin: 3px 0 0;
    color: var(--text);
  }

  .rules-modal-close {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    border: 1px solid rgba(0, 200, 255, .22);
    background: rgba(255, 255, 255, .04);
    color: var(--text);
    font-weight: 900;
    cursor: pointer;
  }

  .rules-modal-body {
    overflow-y: auto;
    border: 1px solid rgba(0, 200, 255, .16);
    border-radius: 18px;
    padding: 18px;
    background: rgba(1, 10, 24, .82);
    color: var(--muted);
    line-height: 1.6;
    outline: none;
  }

  .rules-modal-body h3 {
    margin: 18px 0 8px;
    color: var(--text);
  }

  .rules-modal-body h3:first-child {
    margin-top: 0;
  }

  .rules-modal-body p {
    margin: 0 0 12px;
    white-space: pre-wrap;
  }

  .rules-modal-hint {
    margin: 0;
    color: var(--muted);
    font-weight: 800;
  }

  .rules-modal-actions {
    justify-content: flex-end;
  }

  .rules-modal-actions button:disabled {
    opacity: .45;
    cursor: not-allowed;
    transform: none;
  }

  body.rules-modal-open {
    overflow: hidden;
  }

  @media (max-width: 900px) {
    .apply-public-page .apply-hero-card,
    .apply-public-page .apply-grid {
      grid-template-columns: 1fr;
    }

    .apply-public-page .apply-status-pill {
      align-self: start;
    }
  }

  @media (max-width: 720px) {
    .apply-public-page .apply-hero-card {
      min-height: 0;
      padding: 22px;
    }

    .apply-public-page .apply-hero-card h1 {
      font-size: clamp(2.4rem, 15vw, 4rem);
    }
  }


@media (max-width: 620px) {
  .apply-shell {
    width: min(100% - 24px, 1500px);
    margin-top: 18px;
  }
}

.application-status.registration_open,
.application-status.checkin_open,
.application-status.live {
  color: #7dd3fc;
}

.application-status.registration_closed,
.application-status.checkin_closed,
.application-status.seeding,
.application-status.scheduled {
  color: #facc15;
}

.application-status.completed {
  color: #86efac;
}
#resultModal .modal-card {
  width: min(760px, 94vw);
}

.league-page .form-card {
  width: 100%;
  max-width: 1040px;
  padding: 24px;
  border-radius: 20px;
  background:
    radial-gradient(circle at top left, rgba(0, 200, 255, 0.10), transparent 30%),
    rgba(16, 24, 39, 0.94);
}

.league-options-grid {
  display: grid;
  gap: 12px;
}

.league-options-grid.two-col {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.league-options-grid.three-col {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 900px) {

  .league-options-grid.two-col,
  .league-options-grid.three-col {
    grid-template-columns: 1fr;
  }
}

.application-roster-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.eyebrow {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #29c7ff;
  font-weight: 800;
  font-size: calc(.72rem * var(--preview-font-scale));
}

.notification-feed-item.checkin .notification-feed-icon {
  background: linear-gradient(135deg, #55e77f, #0f9d4f);
}

.notification-feed-item.result .notification-feed-icon {
  background: linear-gradient(135deg, #a963ff, #6b2ce2);
}

.notification-feed-item.update .notification-feed-icon {
  background: linear-gradient(135deg, #ffd047, #b88409);
}

.stage-step.complete .stage-step-node {
  border-color: rgba(34, 197, 94, 0.72);
  color: #86efac;
  box-shadow: 0 0 0 7px rgba(2, 15, 34, 0.7), 0 0 24px rgba(34, 197, 94, 0.28);
}

.stage-step.complete .stage-step-state {
  color: #4ade80;
}

#seedingPanel .management-overview-card--compact .secondary-btn {
  justify-content: center;
}

.checkin-live-pill.ready {
  border-color: rgba(47, 230, 126, 0.55);
  background: rgba(47, 230, 126, 0.12);
  box-shadow: 0 0 24px rgba(47, 230, 126, 0.10);
}

.checkin-live-pill.ready strong,
.checkin-live-pill.ready span {
  color: #43f289;
}

.checkin-live-pill.muted {
  opacity: 0.74;
}

.overlay-config-panel .message {
  display: block;
  margin-top: 10px;
}

@keyframes miniPreviewDrift {
  from { background-position: 0 0, 0 0, 0 0; }
  to { background-position: 80px 80px, 0 0, 0 0; }
}

.registry-layout .form-card {
  grid-column: 1 / -1;
  width: 100%;
}

.registry-create-card .roster-header,
.registry-create-card .roster-rows,
.registry-create-card fieldset,
.registry-create-card .current-photo-wrap {
  grid-column: 1 / -1;
}

.registry-create-card .roster-header {
  margin-top: 2px;
}

.registry-create-card .roster-rows {
  max-height: 260px;
  overflow: auto;
  padding-right: 4px;
}

.registry-create-card .player-row {
  grid-template-columns: minmax(160px, 1fr) minmax(160px, 1fr) minmax(130px, 180px) 42px;
  padding: 9px;
}

.registry-create-card .primary-btn,
.registry-create-card .message {
  grid-column: 1 / -1;
}

.registry-create-card .message {
  margin: -4px 0 0;
}

@media (max-width: 720px) {

  .registry-create-card form > label,
  .registry-create-card .two-col-fields > label,
  .registry-create-card .roster-header,
  .registry-create-card .roster-rows,
  .registry-create-card fieldset,
  .registry-create-card .current-photo-wrap,
  .registry-create-card .primary-btn,
  .registry-create-card .message {
    grid-column: 1;
  }

  .registry-create-card .player-row {
    grid-template-columns: 1fr;
  }
}

.ti-stat-card.wide strong {
  font-size: 1.05rem;
}

.ti-stat-card.viewer strong {
  color: #56dcff;
  font-size: 0.9rem;
  word-break: break-all;
}

.ti-stat-card.viewer div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.info-form-grid.two-col {
  grid-template-columns: repeat(2, minmax(180px, 1fr));
}

@media (max-width: 1400px) {

  .ti-status-card,
  .ti-stat-card.viewer {
    grid-column: span 2;
  }
}

@media (max-width: 900px) {

  .ti-status-strip,
  .ti-layout-grid,
  .info-form-grid.two-col {
    grid-template-columns: 1fr;
  }

  .ti-status-card,
  .ti-stat-card.viewer {
    grid-column: auto;
  }
}

.ti-status-strip-compact .ti-stat-card.wide strong {
  font-size: 1rem;
}

.ti-status-strip-compact .ti-stat-card.viewer {
  justify-content: flex-start;
}

@media (max-width: 900px) {
  body {
    overflow-x: hidden;
  }

  .topbar h1,
  .topbar-title h1 {
    font-size: clamp(24px, 8vw, 30px);
    line-height: 1.05;
  }

  .topbar,
  .admin-topbar {
    padding: 18px 14px;
  }

  .card,
  .dashboard-card,
  .dashboard-management-card {
    border-radius: 14px;
    padding: 16px;
  }
}

.team-card-actions .secondary-btn,
.team-card-actions .danger-btn {
  min-height: 28px;
  height: 28px;
  padding: 0 9px;
  font-size: 11px;
  border-radius: 9px;
}

.team-card-actions .danger-btn {
  width: 28px;
  padding: 0;
}

.team-card-players.muted {
  color: var(--muted);
  font-size: 12px;
}

.compact-roster-rows .player-row {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(120px, .55fr) 38px;
}

.modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  position: sticky;
  bottom: -1px;
  padding-top: 12px;
  background: linear-gradient(180deg, transparent, rgba(4, 12, 24, 0.96) 34%);
}

@media (max-width: 980px) {

  .compact-roster-rows .player-row {
    grid-template-columns: 1fr;
  }
}
.op-badge.live{background:rgba(28,180,110,.18);color:#51ffb0}
.op-badge.danger{background:rgba(255,80,100,.17);color:#ff6b7c}
.op-badge.complete{background:rgba(35,95,190,.25);color:#9fc5ff}
.match-dot.live{background:#51ffb0;box-shadow:0 0 0 4px rgba(81,255,176,.09)}
.ops-drawer.open{right:0}
textarea{width:100%;border:1px solid var(--border);border-radius:12px;background:var(--panel-2);color:var(--text);padding:12px 13px;outline:none}

.ops-drawer-section.compact {
  margin-top: 14px;
}
.lifecycle-edit-menu.open .lifecycle-edit-menu-panel{display:grid;gap:4px}
.playoff-night-rounds label.selected span{border-color:#2684ff;background:rgba(38,132,255,.2);color:#fff;box-shadow:inset 0 0 0 1px rgba(38,132,255,.18)}
.playoff-night-planner .modal-actions{position:relative;bottom:auto;flex:none;margin:0;padding:14px 26px 18px;border-top:1px solid rgba(56,118,180,.18);background:rgba(3,10,24,.96)}
@media (max-width:680px){.playoff-night-planner .modal-actions{padding-left:16px;padding-right:16px}}
.lifecycle-stage.complete .lifecycle-stage-dot{border-color:#2bbf74;color:#fff}
.lifecycle-stage.complete .lifecycle-stage-sub{color:#42e58e}
.readiness-checks .ok{color:#48e98b}
.metric-card.ready{border-color:rgba(72,233,139,.45)}
.metric-card.ready .metric-icon{background:rgba(27,143,82,.24);color:#48e98b}
.metric-card.ready .metric-status,.metric-status-check{color:#48e98b}
.hub-bracket-line.line-a{left:88px;top:22px;width:42px;height:54px;border-top:1px solid;border-right:1px solid;border-bottom:1px solid}.hub-schedule-row.head{min-height:38px;background:rgba(5,15,29,.5);color:#9fb4d3;font-size:11px;font-weight:900;text-transform:uppercase;cursor:default}.hub-schedule-row.selected{background:rgba(38,132,255,.22);box-shadow:inset 3px 0 0 #2684ff}.hub-schedule-row.selected .hub-row-dot{background:#2684ff;border-color:#2684ff}.hub-match-status.scheduled{background:rgba(34,197,94,.18);color:#58d77c}.hub-match-status.pending{background:rgba(245,158,11,.18);color:#ffb020}.hub-match-status.live{background:rgba(255,59,92,.18);color:#ff7c95}.hub-match-status.completed{background:rgba(94,130,178,.25);color:#cfe0f6}
.hub-schedule-detail .hub-seeding-actions .brk-btn.primary{grid-column:1/-1}.hub-live-stats .upcoming span{color:#58a6ff}.hub-live-stats .completed span{color:#58d77c}.hub-live-row.selected,.hub-live-row.live.selected{background:rgba(255,59,92,.16);box-shadow:inset 3px 0 0 #ff596f}.hub-live-row.live{border-left:1px solid rgba(255,59,92,.6)}.hub-live-pill.live{background:rgba(255,59,92,.24);color:#ff8b9e}.hub-live-pill.scheduled{background:rgba(38,132,255,.18);color:#85bdff}.hub-live-pill.completed{background:rgba(245,158,11,.18);color:#ffb020}
.hub-live-detail .hub-seeding-actions .brk-btn.primary{background:#2fb344}.hub-live-detail .hub-seeding-actions .brk-btn.danger{grid-column:1/-1}.add-team-id-modal .message{min-height:20px;color:#ff8aa1}.hub-status-pill.open{background:rgba(34,197,94,.18);color:#48e98b;border:1px solid rgba(34,197,94,.35)}.hub-registration-row.head{min-height:auto;color:#9fb4d3;font-size:12px;font-weight:900;text-transform:none;background:rgba(5,15,29,.45)}.hub-registration-row.selected{background:rgba(38,132,255,.1);box-shadow:inset 3px 0 #2684ff}.hub-registration-row.selected .hub-reg-team strong{color:#68b4ff}.hub-reg-status.pending{background:rgba(245,158,11,.18);color:#ffb020}.hub-registration-detail-actions .brk-btn.danger,.hub-application-actions .brk-btn.danger{border-color:rgba(255,59,92,.42);background:rgba(255,59,92,.12);color:#ff8aa0}.brk-btn.danger{border-color:rgba(255,59,92,.48);background:rgba(65,8,24,.42);color:#ff8ba3}.hub-checkin-team.checked{border-color:rgba(34,197,94,.38);background:rgba(7,47,36,.36)}.hub-pro-stats article.valid strong{display:flex;align-items:center;gap:9px;font-size:13px}.hub-pro-stats article.valid i{display:grid;place-items:center;width:27px;height:27px;border:1px solid #2ac782;border-radius:50%;color:#2ac782;font-style:normal}.hub-pro-roster.valid{color:#52d6a0}.hub-pro-sticky-bar .valid{color:#45d696}.hub-pro-review-page>header>span.valid{color:#47d497}
@media(max-width:600px){.hub-pro-stats article.valid{grid-column:1/-1}.hub-pro-review-page>footer .primary{grid-column:1/-1}}.hub-pro-division-menu button.danger{color:#ff9aa3}.hub-pro-division-menu button.danger:hover{background:rgba(207,68,79,.15)}
.detail-list{display:grid;gap:0;margin-bottom:16px}
.detail-list div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(91,128,174,.22);padding:10px 0}
.detail-list span{color:#b7c8e3}.detail-list strong{text-align:right}
.media-library-actions .danger{border-color:rgba(255,95,109,.42);background:rgba(255,95,109,.12);color:#ffb0ba}
.lifecycle-edit-panel[data-edit-panel="branding"] .hero-actions{margin-top:14px}
.brk-lifecycle-page .detail-list div{
  align-items:center;
}
.brk-lifecycle-page .detail-list strong{
  max-width:150px;
  overflow:hidden;
  text-overflow:ellipsis;
}

.brk-lifecycle-page .detail-list strong{
  max-width:145px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.broadcast-stream-row:hover,
.broadcast-stream-row.selected{
  background:rgba(36,112,205,.16);
}

.broadcast-stream-row.selected{
  box-shadow:inset 3px 0 0 #2684ff;
}

.modal.hidden{
  display:none;
}

.hub-person-stack.muted,
.hub-person-stack.optional{
  color:#9fb4d3;
}

.hub-readiness-row.ready span{
  background:rgba(34,197,94,.18);
  color:#58d77c;
}

.brk-topbar .brk-search,
.topbar .brk-search,
.admin-topbar .brk-search,
.game-maps-page .brk-search{
  display:none!important;
}

.game-map-card:hover,
.game-map-card.selected{
  border-color:#2684ff;
  box-shadow:0 0 0 1px rgba(38,132,255,.35), 0 18px 40px rgba(0,0,0,.26);
}

.game-maps-page .hub-drawer.open{
  opacity:1;
  pointer-events:auto;
}

.game-maps-page .hub-drawer.open .hub-drawer-panel{
  transform:translateX(0);
}

.hub-live-actions .brk-btn.primary{
  grid-column:auto!important;
}

.hub-schedule-modal-card:not(.is-compact) > .modal-actions{
  position:relative;
  z-index:4;
  flex:0 0 auto;
  bottom:auto;
  margin:0 -18px;
  padding:12px 18px 16px;
  background:rgba(3,10,24,.99);
  box-shadow:0 -12px 24px rgba(0,0,0,.22);
}

@media(max-width:720px){
  .hub-schedule-modal-card:not(.is-compact) > .modal-actions{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}
}

.hub-schedule-modal-card .modal-actions{
  position:sticky;
  bottom:-1px;
  margin:14px -18px -18px;
  padding:12px 18px;
  border-top:1px solid rgba(56,118,180,.18);
  background:linear-gradient(180deg,rgba(7,20,38,.92),rgba(3,10,24,.99));
}

.round-setup-modal-card .modal-actions{
  padding-top:10px;
  padding-bottom:10px;
}

body.registry-admin-page .card{
  border:1px solid rgba(92,137,198,.22);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(10,24,43,.94),rgba(6,17,32,.92));
  box-shadow:0 24px 70px rgba(0,0,0,.25);
}

body.registry-admin-page .secondary-btn{
  border-color:rgba(70,115,180,.46);
  background:rgba(8,17,30,.82);
}

.brk-lifecycle-page .lifecycle-actions .brk-btn.primary{
  border-color:#2684ff;
  background:rgba(7,20,38,.82);
  color:#fff;
}

.brk-lifecycle-page .lifecycle-actions .brk-btn.primary:hover{
  background:rgba(38,132,255,.16);
}
.league-schedule-row.head,.league-playoff-row.head{min-height:38px;background:rgba(5,15,29,.62);color:#9fb4d3;font-size:11px;font-weight:900;text-transform:uppercase}.league-round-date-row.head{position:sticky;top:0;z-index:1;background:#071426;color:#9fb4d3;font-size:11px;font-weight:900;text-transform:uppercase}.league-ladder-row.head{min-height:38px;border-top:0;background:rgba(5,15,29,.5);color:#9fb4d3;font-size:11px;font-weight:900;text-transform:uppercase}.league-inline-match-form .modal-actions{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(7,20,38,0),#071426 34%);padding-top:14px}.hub-person-pick-card.selected{border-color:#2684ff;background:rgba(38,132,255,.18)}.hub-person-pick-card.disabled{opacity:.45;pointer-events:none}.hub-person-pick-card.selected b{background:#087fb5;color:#fff}.ops-map-grid.compact{display:grid;gap:8px}.hub-map-choice:hover,.hub-map-choice.selected{border-color:#2684ff;background:rgba(38,132,255,.16)}.hub-map-number-row button.selected{border-color:#2684ff;background:#0d3d77;color:#fff;box-shadow:inset 0 -2px 0 rgba(255,189,74,.85)}.league-night-match-card:hover,.league-night-match-card.selected{border-color:rgba(38,132,255,.8);background:rgba(13,61,119,.36)}.league-night-prod.ready em{color:#58d77c}.league-night-match-card.compact{grid-template-columns:1fr 82px;min-height:94px;align-content:start}.league-night-match-card.compact .league-night-match-id{grid-column:1/2}.league-night-match-card.compact .league-night-teams{grid-column:1/-1;grid-template-columns:1fr;gap:4px}.league-night-match-card.compact .league-night-teams em{display:none}.league-night-match-card.compact .league-night-time{grid-column:2/3;grid-row:1;text-align:right}.league-night-match-card.compact .hub-match-status{grid-column:1/2;width:max-content}.league-night-match-card.compact .league-night-prod{grid-column:1/2}.league-night-match-card.compact .hub-menu-btn{grid-column:2/3;grid-row:3/5;justify-self:end}.match-night-production-col .league-night-match-card.compact{min-height:110px}.match-bulk-check.selected{border-color:#54a7ff;background:#2684ff}.league-roster-id-row.unknown,.league-roster-id-row.vanity{border-color:rgba(84,167,255,.28)}.league-steam-lookup-result.ok{border-color:rgba(81,255,176,.22)}

.hub-match-versus.compact{
  padding:12px;
  min-height:112px;
}

.hub-match-versus.compact .hub-versus-avatar{
  width:56px;
  height:56px;
  margin:0 auto;
}

.hub-org-checkin-team.checked{
  border-color:rgba(45,220,128,.38);
  background:rgba(16,80,54,.32);
}

.hub-org-lobby-after-checkin.ready{
  border-color:rgba(45,220,128,.34);
  background:rgba(10,52,42,.36);
}

.open-ladder-settings-stack.compact {
  display: grid;
  gap: 10px;
}

.league-settings-page #competitionRegionsSettings .message {
  grid-column: 1 / -1;
  margin: 0;
}

.league-settings-page .settings-inline-actions .brk-btn.primary {
  min-width: 190px;
  min-height: 40px;
}

@media (max-width: 680px) {

  .league-settings-page .open-ladder-form-actions .brk-btn[type=submit],
  .league-settings-page .settings-inline-actions .brk-btn.primary {
    width: 100%;
  }
}.league-match-list-card:hover,.league-match-list-card.selected{border-color:rgba(38,132,255,.82);background:rgba(13,61,119,.36)}.league-match-list-card.selected{box-shadow:inset 3px 0 0 #2684ff}
.league-match-list-card.is-bye.selected{border-color:rgba(84,167,255,.82);background:linear-gradient(90deg,rgba(13,61,119,.58),rgba(7,20,38,.66));box-shadow:inset 3px 0 0 #54a7ff}.league-ladder-custom-row.head{position:sticky;top:0;z-index:1;min-height:48px;background:#071426;color:#9fb4d3;font-size:11px;font-weight:900;text-transform:uppercase}.league-ladder-custom-row>div.rank,.league-ladder-custom-row>div.num,.league-ladder-custom-row>div.movement{justify-content:flex-start}.league-ladder-custom-row>div.strong b{color:#58d77c}.league-ladder-custom-row.head button{display:grid;place-items:center;width:20px;height:20px;border:1px solid rgba(0,183,255,.28);border-radius:999px;background:rgba(0,139,210,.15);color:#bfe2ff;font:inherit;font-weight:900;cursor:pointer}.league-ladder-custom-row.head span{margin-right:auto}.league-ladder-form i.w{background:rgba(34,197,94,.18);color:#58d77c}.league-ladder-form i.l,.league-ladder-form i.f{background:rgba(255,59,92,.16);color:#ff7c95}.league-ladder-form i.d{background:rgba(245,158,11,.16);color:#ffbd4a}.league-ladder-custom-row>div.rank,.league-ladder-custom-row>div.num,.league-ladder-custom-row>div.movement{justify-content:center}.league-ladder-custom-row.head>div{overflow:visible}.league-ladder-custom-row.head>div.club{min-width:0}
.league-ladder-custom-row.head [data-ladder-column-header]{cursor:grab;user-select:none;border-radius:6px;transition:background .15s ease,color .15s ease,opacity .15s ease}.league-ladder-custom-row.head [data-ladder-column-header]:active{cursor:grabbing}.league-ladder-custom-row.head [data-ladder-column-header].dragging{opacity:.42;background:rgba(0,139,210,.12)}.league-ladder-custom-row.head [data-ladder-column-header].drop-target{background:rgba(0,139,210,.26);color:#fff;outline:1px solid rgba(0,183,255,.55);outline-offset:-1px}.league-ladder-custom-row.head [data-ladder-column-header] span{pointer-events:none;margin:0}
.league-ladder-tiebreak button,.league-ladder-custom-row.head small button{display:grid;place-items:center;width:21px;height:21px;border:1px solid rgba(0,183,255,.32);border-radius:999px;background:rgba(0,139,210,.18);color:#bfe2ff;font:inherit;font-weight:900;cursor:pointer}
.league-ladder-tiebreak button:disabled,.league-ladder-custom-row.head small button:disabled{opacity:.35;cursor:not-allowed}
.league-ladder-custom-row.head small{display:inline-flex;align-items:center;gap:5px;margin-left:auto}.league-broadcast-match.selected{border-color:#2684ff;background:rgba(13,61,119,.38);box-shadow:inset 3px 0 0 #2684ff}.league-theme-section-head.compact{margin-top:4px}.league-overlay-editor-form .message{grid-column:1/-1;margin:0;color:#9fb4d3}@keyframes leaguePreviewSweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.league-schedule-row.selected{border-color:#2684ff;background:rgba(13,61,119,.38);box-shadow:inset 3px 0 0 #2684ff}
.league-ladder-custom-row.head{min-height:42px}
.league-ladder-custom-row.head>div{justify-content:center;padding:8px 9px}
.league-ladder-custom-row.head>div.club{justify-content:flex-start}
.league-ladder-custom-row.head [data-ladder-column-header] span{width:100%;margin:0;text-align:center;line-height:1.15;white-space:normal;overflow-wrap:anywhere}
.league-ladder-custom-row.head [data-ladder-column-header].club span{text-align:left}.playoff-configuration-card .modal-actions{margin:2px -18px -18px;padding:13px 18px;border-top:1px solid rgba(80,145,207,.18);background:rgba(2,11,22,.58)}
.playoff-review-checklist div.ready{border-color:rgba(34,197,94,.32);background:rgba(34,197,94,.08)}
.playoff-review-checklist .ready i{background:rgba(34,197,94,.2);color:#58d77c}
@media (max-width:680px){.playoff-configuration-card .modal-actions{margin:2px -14px -14px;padding:12px 14px}}
.league-team-pair.is-live .league-match-result-line.live{color:#93c5fd}
.league-team-performance-table .head,.league-team-performance-table article{display:grid;grid-template-columns:minmax(220px,1.3fr) repeat(6,minmax(86px,.55fr));gap:10px;align-items:center;min-width:860px}
.league-team-performance-table .head{padding:0 10px 8px;color:#9fb4d3;font-size:11px;font-weight:900;text-transform:uppercase}
@media (max-width: 980px){.league-team-performance-table .head,.league-team-performance-table article{min-width:780px}}
.league-obs-link-card.primary{border-color:rgba(0,183,255,.5);background:linear-gradient(180deg,rgba(13,61,119,.38),rgba(7,20,38,.72));box-shadow:inset 3px 0 0 #20d3ff}
.league-link-grid.compact{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:0}
.league-link-grid.compact .league-link-card{gap:9px;padding:12px}.league-link-grid.compact .league-link-card h3{font-size:14px;letter-spacing:.9px}
.league-link-grid.compact .league-link-card p{min-height:34px;font-size:12px;line-height:1.35}
.league-night-match-card.compact .league-night-bye{grid-column:1/-1}
.league-bye-team.summary{justify-content:center;text-align:left}
.match-night-production-col .league-night-match-card.compact{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  grid-template-columns:minmax(0,1fr) 34px;
}
.match-night-production-col .league-night-match-card.compact>*{
  min-width:0;
}
.match-night-production-col .league-night-match-card.compact .league-night-match-id{
  overflow:hidden;
}
.match-night-production-col .league-night-match-card.compact .league-night-match-id strong,
.match-night-production-col .league-night-match-card.compact .league-night-match-id span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.match-night-production-col .league-night-match-card.compact .league-night-time{
  grid-column:2/3;
}

.league-transfer-readonly-banner.inline {
  margin: 14px 18px 0;
}

.league-transfer-form-card .league-transfer-field-grid.two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.league-transfer-form-card .league-transfer-slot-group.complete {
  box-shadow: inset 3px 0 0 rgba(52, 211, 153, .48);
}

.league-transfer-movement-row.in b {
  background: rgba(52, 211, 153, .16);
  color: #51ffb0;
}

.league-transfer-movement-row.out b {
  background: rgba(255, 120, 120, .14);
  color: #ff9b9b;
}

.league-transfer-movement-row.role b {
  background: rgba(47, 215, 255, .14);
  color: #72eaff;
}

.league-transfer-history-badge.in {
  background: rgba(52, 211, 153, .16);
  color: #51ffb0;
}

.league-transfer-history-badge.out {
  background: rgba(255, 120, 120, .14);
  color: #ff9b9b;
}

.league-transfer-history-badge.role {
  background: rgba(47, 215, 255, .14);
  color: #72eaff;
}

@media (max-width: 780px) {
  .league-transfer-form-card .league-transfer-form,
  .league-transfer-form-card .league-transfer-form-main,
  .league-transfer-form-card .league-transfer-field-grid.two,
  .league-transfer-history-card {
    grid-template-columns: 1fr;
  }
}

.league-transfer-lock-banner.open {
  border-color: rgba(52, 211, 153, .28);
  box-shadow: inset 3px 0 0 rgba(52, 211, 153, .72);
}

.league-transfer-lock-banner.open strong {
  color: #b9f6dc;
}

.league-transfer-form-card .league-transfer-slot-group.complete {
  border-color: rgba(52, 211, 153, .22);
  box-shadow: inset 3px 0 0 rgba(52, 211, 153, .58);
}

.league-transfer-form-card .league-transfer-actions .brk-btn.primary {
  min-height: 42px;
  padding-inline: 22px;
}

@media (max-width: 600px) {

  .league-transfer-form-card .league-transfer-field-grid.two {
    grid-template-columns: 1fr;
  }
}

.league-transfers-workspace > .league-roster-id-check .league-roster-id-row.unknown,
.league-transfers-workspace > .league-roster-id-check .league-roster-id-row.vanity {
  border-color: rgba(84, 167, 255, .14);
  box-shadow: inset 2px 0 0 rgba(84, 167, 255, .58);
}

.league-replay-health.complete { border-color: rgba(81, 255, 176, .28); }
.league-replay-platform.steam { border-color: rgba(84, 167, 255, .35); color: #83c0ff; background: rgba(84, 167, 255, .08); }
.league-replay-platform.epic { border-color: rgba(192, 132, 252, .3); color: #d8b4fe; background: rgba(192, 132, 252, .08); }
.league-replay-alias-section.confirmed { border-top-color: rgba(81, 255, 176, .2); }

.league-replay-table .head,
.league-replay-table article {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) minmax(140px, .85fr) minmax(90px, .45fr) minmax(240px, 1.35fr) minmax(80px, .45fr);
  gap: 10px;
  align-items: center;
}

.league-replay-table .head {
  color: #94a3b8;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

html.bracketr-theme-light .league-replay-controls label,
html.bracketr-theme-light .league-replay-meta span,
html.bracketr-theme-light .league-replay-table .head,
html.bracketr-theme-light .league-replay-table small {
  color: #526175;
}

@media (max-width: 900px) {

  .league-replay-table .head {
    display: none;
  }
}
.league-playoffs-page .playoff-review-checklist div.ready{border-color:rgba(53,184,103,.22);background:linear-gradient(90deg,rgba(34,197,94,.08),transparent 72%)}
html.bracketr-theme-light .league-playoffs-page .playoff-review-checklist div.ready{border-color:rgba(25,139,74,.18);background:linear-gradient(90deg,rgba(34,197,94,.08),transparent 72%)}