/* Crix Live identity and compact interaction layer.
   Loaded last so every public, live and operations surface shares one mark and
   mobile navigation never hides a primary choice beyond a sideways gesture. */

button[data-retry-club],
.ground-desk-error button {
  min-width: 44px;
  min-height: 44px;
  padding-inline: 12px;
}

.brand-ball,
body.wall-day .brand-ball {
  --wg-mark-red: #ff6348;
  --wg-mark-lime: #d6ff58;
  width: 27px;
  height: 25px;
  min-width: 27px;
  display: inline-block;
  position: relative;
  border-radius: 0;
  box-shadow: none;
  background:
    radial-gradient(circle at 81% 58%, var(--wg-mark-lime) 0 16%, #101a14 17% 20%, transparent 21%),
    linear-gradient(var(--wg-mark-red), var(--wg-mark-red)) 3px 8px / 4px 14px no-repeat,
    linear-gradient(var(--wg-mark-red), var(--wg-mark-red)) 10px 6px / 4px 16px no-repeat,
    linear-gradient(var(--wg-mark-red), var(--wg-mark-red)) 17px 8px / 4px 14px no-repeat,
    linear-gradient(var(--wg-mark-red), var(--wg-mark-red)) 2px 21px / 20px 3px no-repeat;
  transform: translateZ(0);
}

.brand-ball::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 0;
  border-radius: 0;
  transform: none;
  background:
    linear-gradient(90deg, var(--wg-mark-red), var(--wg-mark-red)) 2px 4px / 10px 3px no-repeat,
    linear-gradient(104deg, transparent 0 16%, var(--wg-mark-red) 17% 82%, transparent 83%) 13px 1px / 11px 5px no-repeat;
  transform-origin: 75% 35%;
  animation: wg-bail-settle 720ms cubic-bezier(.16,.84,.28,1) both;
}

.live-head .brand-ball,
body.wall-day .live-head .brand-ball {
  width: 19px;
  height: 18px;
  min-width: 19px;
  background:
    radial-gradient(circle at 82% 59%, var(--wg-mark-lime) 0 16%, #f7f3e9 17% 20%, transparent 21%),
    linear-gradient(var(--wg-mark-red), var(--wg-mark-red)) 2px 6px / 3px 10px no-repeat,
    linear-gradient(var(--wg-mark-red), var(--wg-mark-red)) 7px 4px / 3px 12px no-repeat,
    linear-gradient(var(--wg-mark-red), var(--wg-mark-red)) 12px 6px / 3px 10px no-repeat,
    linear-gradient(var(--wg-mark-red), var(--wg-mark-red)) 1px 15px / 15px 2px no-repeat;
}

@keyframes wg-bail-settle {
  from { opacity: 0; transform: translate3d(4px,-5px,0) rotate(8deg); }
  to { opacity: 1; transform: none; }
}

.web-auth-mark,
.web-auth-mark.error {
  border-radius: 28%;
  background: #071e18;
  box-shadow: 10px 10px 0 #d6ff58;
}

.web-auth-mark::before,
.web-auth-mark::after { display: none; }

.web-auth-mark img {
  position: relative;
  z-index: 1;
  width: 76%;
  height: 76%;
  object-fit: contain;
}

.web-auth-prompt-mark img,
.promotion-invite-mark img {
  width: 76%;
  height: 76%;
  object-fit: contain;
}

.web-auth-prompt-mark {
  border-radius: 28%;
  background: #071e18;
}

.promotion-invite-mark {
  border-radius: 22%;
  background: #071e18;
  box-shadow: 6px 6px 0 #d6ff58;
}

.promotion-invite-mark.error {
  border-radius: 50%;
  background: var(--pt-ticket);
  box-shadow: none;
}

/* Workspace match command — the same visual grammar as the live broadcast desk. */
.match-command-board {
  overflow: hidden;
  border: 2px solid var(--w-ink, #15130e);
  background: var(--w-panel, #fffdf6);
  color: var(--w-ink, #15130e);
  box-shadow: 8px 8px 0 #0a6b45;
}

.match-command-board > header {
  min-height: 66px;
  padding: 12px 15px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  border-bottom: 2px solid var(--w-ink, #15130e);
  background: #10231d;
  color: #fffdf6;
}

.match-command-board > header > div { min-width: 0; }
.match-command-board > header strong,
.match-command-board > header small { display: block; }
.match-command-board > header strong { margin-top: 4px; font: 750 15px/1.1 var(--sans); }
.match-command-board > header strong b { margin: 0 4px; color: #d7ff6b; font-weight: 500; }
.match-command-board > header small { margin-top: 3px; color: rgba(255,255,255,.57); font: 650 8px var(--mono); letter-spacing: .035em; }
.match-command-board > header > a {
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid rgba(215,255,107,.48);
  display: inline-flex;
  align-items: center;
  gap: 13px;
  color: #d7ff6b;
  font: 850 8px var(--sans);
  letter-spacing: .08em;
}

.match-command-board > header > a span { font-size: 16px; }
.match-command-live { color: #ff7456; font: 850 8px var(--mono); letter-spacing: .12em; }
.match-command-live i { width: 7px; height: 7px; margin-right: 6px; display: inline-block; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px rgba(255,116,86,.13); }
.match-command-grid { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(260px, .82fr); }
.match-command-chase { min-width: 0; padding: 20px; border-right: 2px solid var(--w-ink, #15130e); background: #f2efe7; }
.match-command-chase > span,
.match-command-proof > span { display: block; color: #68746d; font: 850 8px var(--sans); letter-spacing: .13em; }
.match-command-chase > div { min-height: 104px; display: flex; align-items: center; gap: 15px; }
.match-command-chase > div > strong { font: 720 clamp(72px, 8vw, 106px)/.72 var(--serif); font-stretch: 125%; letter-spacing: -.055em; }
.match-command-chase > div p { margin: 0; color: #59655e; font: 780 15px/1.02 var(--sans); text-transform: uppercase; }
.match-command-chase > div p b { color: #15130e; font-size: 18px; }
.match-command-chase > footer { min-height: 34px; display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: 0; border: 1px solid #15130e; }
.match-command-chase > footer > * { height: 100%; padding: 0 10px; display: flex; align-items: center; border-right: 1px solid #15130e; font: 850 9px var(--mono); font-style: normal; }
.match-command-chase > footer > b { justify-content: flex-end; border-right: 0; background: #d7ff6b; }
.match-command-proof { min-width: 0; padding: 20px; background: #0a6b45; color: #fff; }
.match-command-proof > span { color: rgba(255,255,255,.64); }
.match-command-grade { margin: 8px 0 11px; display: flex; align-items: baseline; }
.match-command-grade strong { font: 690 67px/.78 var(--serif); font-stretch: 125%; letter-spacing: -.045em; }
.match-command-grade small { color: #d7ff6b; font: 800 10px var(--mono); }
.match-command-books { padding: 10px 0; display: grid; grid-template-columns: 11px minmax(0,1fr); align-items: center; gap: 9px; border-top: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); }
.match-command-books > i { width: 9px; height: 9px; border-radius: 50%; background: #d7ff6b; box-shadow: 0 0 0 5px rgba(215,255,107,.12); }
.match-command-books p { margin: 0; }
.match-command-books strong,
.match-command-books small { display: block; }
.match-command-books strong { font-size: 10px; }
.match-command-books small { margin-top: 2px; color: rgba(255,255,255,.65); font-size: 8px; }
.match-command-guardrails { padding-top: 9px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.match-command-guardrails > span { min-width: 0; font: 750 7px var(--mono); color: rgba(255,255,255,.62); }
.match-command-guardrails i { width: 5px; height: 5px; margin-right: 4px; display: inline-block; border-radius: 50%; background: #d7ff6b; }
.match-command-guardrails b { display: block; margin: 3px 0 0 10px; color: #fff; font-size: 8px; }
.match-command-wire { min-height: 39px; padding: 0 14px; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)) auto; align-items: center; gap: 12px; border-top: 2px solid #15130e; background: #d7ff6b; font: 760 8px var(--mono); }
.match-command-wire span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.match-command-wire b { color: #476145; font-size: 7px; }
.match-command-wire a { color: #0a4f36; font-weight: 900; white-space: nowrap; }
.workspace-pulse-grid .metric-card { position: relative; overflow: hidden; }
.workspace-pulse-grid .metric-card::after { content: ""; position: absolute; inset: auto 0 0; height: 3px; background: #0a6b45; }
.workspace-pulse-grid .metric-card:first-child::after { background: #ff7456; }

/* Finish the private Career desk in the daylight operator palette. */
body.wall-day .career-profile-editor,
body.wall-day .career-evidence-desk,
body.wall-day .career-inbox-desk {
  border: 2px solid var(--w-ink);
  border-radius: 4px;
  background: var(--w-panel);
  color: var(--w-ink);
  box-shadow: none;
}

body.wall-day .career-profile-editor h3,
body.wall-day .career-profile-editor strong,
body.wall-day .career-evidence-desk strong,
body.wall-day .career-inbox-desk strong { color: var(--w-ink); }
body.wall-day .career-profile-editor > header span:first-child,
body.wall-day .career-privacy-editor > div:first-child span { color: #0a6b45; }
body.wall-day .career-save-state,
body.wall-day .career-profile-editor .builder-field > span,
body.wall-day .career-profile-editor .builder-field > small,
body.wall-day .career-privacy-editor > div:first-child p,
body.wall-day .career-privacy-control small,
body.wall-day .career-profile-editor > footer p { color: var(--w-dim); }
body.wall-day .career-identity-fields,
body.wall-day .career-privacy-editor { border-radius: 2px; background: var(--w-paper2); }
body.wall-day .career-profile-editor .builder-field input,
body.wall-day .career-profile-editor .builder-field select,
body.wall-day .career-profile-editor .builder-field textarea,
body.wall-day .career-slug-field {
  border: 1.5px solid var(--w-edge);
  border-radius: 2px;
  background: var(--w-panel);
  color: var(--w-ink);
  box-shadow: none;
}
body.wall-day .career-profile-editor .builder-field input::placeholder,
body.wall-day .career-profile-editor .builder-field textarea::placeholder { color: #899189; }
body.wall-day .career-slug-field > span { color: var(--w-dim); }
body.wall-day .career-privacy-control { border-top-color: var(--w-edge); }
body.wall-day .career-switch { background: #c7c6be; }
body.wall-day .career-privacy-control input:checked + .career-switch { background: #0a6b45; }
body.wall-day .career-privacy-control input:checked + .career-switch i { background: #fff; }
body.wall-day .career-profile-editor > footer { border-top-color: var(--w-edge); }
body.wall-day .career-profile-editor > footer p span { color: #0a6b45; }
body.wall-day .career-evidence-desk .career-section-heading,
body.wall-day .career-inbox-desk .career-section-heading { color: var(--w-ink); }
body.wall-day .career-evidence-desk .career-section-heading p,
body.wall-day .career-inbox-desk .career-section-heading p { color: var(--w-dim); }
body.wall-day .career-claim-columns > section { border-color: var(--w-edge); border-radius: 2px; }
body.wall-day .career-claim-columns > section > header,
body.wall-day .career-inbox-card,
body.wall-day .career-inbox-clear { border-color: var(--w-edge); background: var(--w-paper2); }
body.wall-day .career-claim-empty > span { color: #0a6b45; }

/* Account and help surfaces use flat operator bezels, not legacy soft cards. */
body.wall-day .account-layout > section,
body.wall-day .account-layout > aside,
body.wall-day .account-safety,
body.wall-day .account-help-link,
body.wall-day .help-rescue,
body.wall-day .help-rescue > a {
  border-radius: 4px;
  box-shadow: none;
}
body.wall-day .account-layout > section,
body.wall-day .account-layout > aside { border: 2px solid var(--w-ink); }
body.wall-day .account-section-head > span,
body.wall-day .account-device > span,
body.wall-day .help-rescue > a > b { border-radius: 3px; }

/* Workspace control index — a real operator rail instead of a generic settings list. */
@media (min-width: 761px) {
  body.wall-day .compact-sidebar {
    padding: 0 8px 9px;
    overflow: hidden;
    border-color: #10231d;
    background: #10231d;
    color: #fffdf6;
  }

  body.wall-day .compact-sidebar::before {
    content: "CONTROL INDEX  ·  13 DESKS";
    min-height: 45px;
    margin: 0 -8px 7px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.14);
    color: #d7ff6b;
    font: 850 7px var(--mono);
    letter-spacing: .12em;
  }

  body.wall-day .compact-sidebar button,
  body.wall-day .compact-sidebar a {
    min-height: 42px;
    padding-inline: 10px;
    color: rgba(255,255,255,.68);
  }

  body.wall-day .compact-sidebar button.active,
  body.wall-day .compact-sidebar a:hover,
  body.wall-day .compact-sidebar button:hover {
    background: rgba(255,255,255,.08);
    color: #fff;
  }

  body.wall-day .compact-sidebar button.active {
    color: #10231d;
    background: #d7ff6b;
    box-shadow: none;
  }

  body.wall-day .compact-sidebar small { color: rgba(255,255,255,.42); }
  body.wall-day .compact-sidebar button.active small { color: #31513f; }

  /* The source mixer is a phone affordance; desktop already has complete global navigation. */
  body.wall-day .wall-bus,
  body.wall-flood .wall-bus { display: none !important; }
  body.wall-day,
  body.wall-flood { padding-bottom: 0; }
}

/* Live operations — broadcast position, proof and workload in one visual system. */
.ops-command-mast {
  min-height: 250px;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(250px, .65fr);
  overflow: hidden;
  border: 2px solid #15130e;
  background: #10231d;
  color: #fffdf6;
}

.ops-command-copy { padding: 27px; position: relative; }
.ops-command-copy::after {
  content: "18";
  position: absolute;
  right: 22px;
  bottom: -26px;
  color: rgba(255,255,255,.035);
  font: 750 150px/.8 var(--serif);
}
.ops-command-copy .eyebrow { color: #ff7456 !important; }
.ops-command-copy .eyebrow::before { border-top-color: #ff7456 !important; }
.ops-command-copy h2 {
  max-width: 650px;
  margin: 13px 0 10px;
  color: #fff;
  font: 720 clamp(38px, 4.4vw, 58px)/.84 var(--serif);
  letter-spacing: -.05em;
}
.ops-command-copy h2 em { color: #7fe0b0; font-style: normal; }
.ops-command-copy p { max-width: 570px; margin: 0; color: rgba(255,255,255,.62); font-size: 10px; line-height: 1.55; }
.ops-command-copy > a {
  min-height: 40px;
  margin-top: 22px;
  padding: 0 14px;
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 22px;
  border: 1px solid rgba(215,255,107,.55);
  color: #d7ff6b;
  font-size: 9px;
  font-weight: 850;
}
.ops-command-copy > a span { font-size: 16px; }
.ops-command-score { padding: 24px; border-left: 2px solid #15130e; background: #0a6b45; }
.ops-command-score > span { color: rgba(255,255,255,.65); font: 850 8px var(--mono); letter-spacing: .12em; }
.ops-command-score > strong { margin: 24px 0 17px; display: block; font: 700 72px/.72 var(--serif); letter-spacing: -.05em; }
.ops-command-score > strong small { color: #d7ff6b; font: 800 9px var(--mono); letter-spacing: .1em; }
.ops-command-score > div { padding: 12px 0; display: flex; align-items: baseline; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.24); border-bottom: 1px solid rgba(255,255,255,.24); }
.ops-command-score > div b { font-size: 18px; }
.ops-command-score > div i { color: #d7ff6b; font: 800 9px var(--mono); font-style: normal; }
.ops-command-score > footer { margin-top: 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ops-command-score > footer span { color: rgba(255,255,255,.7); font: 800 7px var(--mono); letter-spacing: .08em; }
.ops-command-score > footer i { width: 6px; height: 6px; margin-right: 5px; display: inline-block; border-radius: 50%; background: #d7ff6b; }
.ops-command-pulse { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); border: 2px solid #15130e; border-top: 0; background: #fffdf6; }
.ops-command-pulse article { min-height: 78px; padding: 13px; border-right: 1px solid #cbc8bd; }
.ops-command-pulse article:last-child { border-right: 0; }
.ops-command-pulse span,.ops-command-pulse strong,.ops-command-pulse small { display: block; }
.ops-command-pulse span { color: #67746d; font: 850 7px var(--mono); letter-spacing: .1em; }
.ops-command-pulse strong { margin-top: 8px; font: 760 16px var(--serif); }
.ops-command-pulse small { margin-top: 3px; color: #68746d; font-size: 7px; }
.ops-console-title { align-items: flex-end; }
.ops-console-title h2 { margin-top: 6px; font-size: clamp(25px,3vw,36px); }
.ops-panel .timeline-card { background-image: linear-gradient(90deg, transparent 0 70%, rgba(10,107,69,.035) 70% 100%); }

/* Tournament command — the same status-first grammar as the match board. */
.competition-command-mast {
  min-height: 245px;
  padding: 27px;
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(235px, .6fr);
  gap: 34px;
  align-items: stretch;
  overflow: hidden;
  border: 2px solid #15130e;
  background: #17140f;
  color: #fffdf6;
}
.competition-command-mast > div { align-self: center; }
.competition-command-mast .eyebrow { color: #ff7456 !important; }
.competition-command-mast .eyebrow::before { border-top-color: #ff7456 !important; }
.competition-command-mast h2 { margin: 13px 0 10px; color: #fff; font: 720 clamp(38px,4.2vw,56px)/.84 var(--serif); letter-spacing: -.05em; }
.competition-command-mast h2 em { color: #d7ff6b; font-style: normal; }
.competition-command-mast p { max-width: 620px; margin: 0; color: rgba(255,255,255,.62); font-size: 10px; line-height: 1.55; }
.competition-command-mast > aside { padding: 22px; display: flex; flex-direction: column; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.05); }
.competition-command-mast > aside > span { color: rgba(255,255,255,.58); font: 850 8px var(--mono); letter-spacing: .12em; }
.competition-command-mast > aside > strong { margin: auto 0 3px; color: #d7ff6b; font: 720 74px/.8 var(--serif); letter-spacing: -.05em; }
.competition-command-mast > aside > small { color: rgba(255,255,255,.7); font-size: 8px; }
.competition-command-mast > aside footer { margin-top: 19px; padding-top: 11px; border-top: 1px solid rgba(255,255,255,.19); color: rgba(255,255,255,.65); font: 750 7px var(--mono); }
.competition-command-mast > aside footer b { color: #fff; }
.competition-command-mast > aside footer i { width: 5px; height: 5px; margin: 0 8px; display: inline-block; border-radius: 50%; background: #ff7456; }
.competition-roster-head { align-items: flex-end; }
.competition-roster-head h2 { margin-top: 6px; font-size: clamp(25px,3vw,36px); }

@media (max-width: 760px) {
  body:not(.scoreboard-mode):not(.overlay-mode) main button,
  body:not(.scoreboard-mode):not(.overlay-mode) main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  body:not(.scoreboard-mode):not(.overlay-mode) main select {
    min-height: 40px;
  }

  body:not(.scoreboard-mode):not(.overlay-mode) main button[aria-label] {
    min-width: 40px;
  }

  .site-header { gap: 8px; }
  .header-actions { margin-left: auto; }
  .menu-button { flex: 0 0 42px; }
  .hero h1 { font-size: clamp(50px, 15vw, 66px); line-height: .86; }
  .section-head h2 { font-size: clamp(38px, 12vw, 48px); }
  .mobile-nav { gap: 10px; padding-top: 88px; }
  .mobile-nav a { font-size: clamp(24px, 7.2vw, 32px); line-height: 1.06; }

  .tournament-grid,
  .venue-grid,
  .opportunity-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-right: 0;
    padding-right: 0;
    overflow: visible;
    scroll-snap-type: none;
  }

  .tournament-card,
  .tournament-card.featured,
  .venue-card,
  .opportunity-card {
    min-width: 0;
    min-height: 300px;
  }

  .workspace-sidebar {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    overflow: visible;
  }

  .workspace-sidebar::before {
    content: "MORE DESKS";
    grid-column: 1 / -1;
    padding: 2px 4px 6px;
    color: var(--w-dim, #68746d);
    font: 850 8px var(--mono);
    letter-spacing: .12em;
  }

  .workspace-sidebar button[data-workspace-view] { display: none; }
  .workspace-sidebar a {
    min-width: 0;
    min-height: 54px;
    padding: 8px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    gap: 3px;
    overflow-wrap: anywhere;
  }
  .workspace-sidebar a small { margin-left: 0; }

  .compact-workspace .workspace-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .compact-workspace:not([data-view="overview"]) .workspace-top,
  .compact-workspace:not([data-view="overview"]) .workspace-sidebar { display: none; }

  .compact-workspace .workspace-top-actions,
  .compact-workspace .workspace-top-actions .workspace-button.primary {
    width: 100%;
  }

  .compact-workspace .workspace-top-actions .workspace-button.primary {
    justify-content: center;
  }

  .signal-desk,
  .compact-signals .signal-desk {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
  }

  .signal-button { min-width: 0; min-height: 88px; }

  .stage-head,
  body.control-room-mode .stage-head {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
  }

  .stage-head > div { min-width: 0; }
  .stage-head > div:last-child { grid-column: 1 / -1; }

  .over-ribbon,
  body.control-room-mode .over-ribbon {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    overflow: visible;
  }

  .ball-token,
  .undo-ball {
    width: 100%;
    min-width: 0;
    aspect-ratio: 1;
    height: auto;
  }

  .undo-ball { margin-left: 0; }

  .ground-desk-tabs,
  .service-desk-tabs,
  .service-filter nav,
  .community-tabs,
  .club-profile-tabs,
  .promotion-admin > main > nav,
  .learning-filters,
  .audience-filters,
  .filmroom-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    overflow: visible;
  }

  .ground-desk-tabs button,
  .service-desk-tabs button,
  .service-filter nav button,
  .community-tabs button,
  .promotion-admin > main > nav > *,
  .learning-filters button,
  .audience-filters button,
  .filmroom-tabs button {
    min-width: 0;
    width: 100%;
    white-space: normal;
    text-align: center;
  }

  .service-filter nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .service-filter nav button { min-height: 42px; border-bottom: 1px solid #d1cbc0; }

  .ground-desk-mast > div { min-width: 0; }
  .ground-desk-mast h1 { max-width: 100%; overflow-wrap: anywhere; }

  .career-form-ribbon { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .career-form-ribbon article { min-height: 112px; }
  .career-form-ribbon article.impact:last-child { grid-column: 1 / -1; }

  .promotion-admin > main > nav a { margin-left: 0; }

  .audience-owner-rail {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
  }

  .audience-owner-rail > span { grid-column: 1 / -1; min-width: 0; }
  .audience-owner-rail a { min-width: 0; overflow-wrap: anywhere; }

  body:has(.workspace-dock) .wall-bus { display: none; }
  .workspace-dock { grid-template-columns: repeat(5, minmax(0, 1fr)); }

  .match-command-board { box-shadow: 5px 5px 0 #0a6b45; }
  .match-command-board > header { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .match-command-board > header > a { width: 100%; justify-content: space-between; }
  .match-command-grid { grid-template-columns: minmax(0, 1fr); }
  .match-command-chase { border-right: 0; border-bottom: 2px solid #15130e; }
  .match-command-chase > div > strong { font-size: clamp(74px, 25vw, 96px); }
  .match-command-wire { grid-template-columns: 1fr 1fr; padding: 9px 12px; }
  .match-command-wire a { grid-column: 1 / -1; padding-top: 7px; border-top: 1px solid rgba(21,19,14,.25); }
  .workspace-pulse-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .compact-workspace { padding-bottom: 108px; }

  .ops-command-mast,
  .competition-command-mast { grid-template-columns: minmax(0, 1fr); }
  .ops-command-copy,
  .competition-command-mast { padding: 20px 16px; }
  .ops-command-copy h2,
  .competition-command-mast h2 { font-size: clamp(38px, 12vw, 48px); }
  .ops-command-score { border-left: 0; border-top: 2px solid #15130e; }
  .ops-command-pulse { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ops-command-pulse article:nth-child(2) { border-right: 0; }
  .ops-command-pulse article:nth-child(-n+2) { border-bottom: 1px solid #cbc8bd; }
  .competition-command-mast { gap: 18px; }
  .competition-command-mast > aside { min-height: 155px; }
  .competition-command-mast > aside > strong { margin-top: 30px; }
  .ops-console-title,
  .competition-roster-head { align-items: stretch; }
  .ops-console-title .workspace-button,
  .competition-roster-head .workspace-button { width: 100%; justify-content: center; }

  .wall-bug .top > span:last-child {
    max-width: 42%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .wall-bug .ov { display: none; }

  .wall-bowl {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    font-size: 10px;
  }

  .wall-bowl > span:first-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .wall-over .p {
    width: 100%;
    margin-left: 0;
  }

  .wall-ticker {
    overflow: visible;
    white-space: normal;
  }

  .wall-ticker .run {
    width: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px 14px;
    padding: 8px 14px;
  }

  .wall-ticker .run > span {
    min-width: 0;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 620px) {
  .learning-mast { padding: 94px 16px 28px; }
  .learning-mast h1 { font-size: clamp(38px, 11vw, 44px); }
}

@media (max-width: 480px) {
  .tournament-grid,
  .venue-grid,
  .opportunity-grid { grid-template-columns: minmax(0, 1fr); }

  .tournament-card,
  .tournament-card.featured,
  .venue-card,
  .opportunity-card { min-height: 270px; }

  .match-command-chase,
  .match-command-proof { padding: 15px; }
  .match-command-chase > footer { grid-template-columns: auto auto 1fr; }
  .match-command-chase > footer > * { padding-inline: 7px; font-size: 8px; }
  .match-command-guardrails { grid-template-columns: 1fr; }

  .wall-table { table-layout: fixed; font-size: 11px; }
  .wall-table th,
  .wall-table td { padding: 8px 4px; }
  .wall-table th:first-child,
  .wall-table td:first-child { width: 22px; }
  .wall-table th.n,
  .wall-table td.n { width: 34px; }

  .cp-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cp-form article:last-child { grid-column: 1 / -1; }
  .cp-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .cp-actions > * { width: 100%; min-width: 0; justify-content: center; }
  .cp-seasons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cp-seasons button { min-width: 0; min-height: 40px; padding-inline: 6px; }
  .wall-career .wall-seg { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wall-career .wall-seg button { min-width: 0; min-height: 44px; border-bottom: 1px solid var(--w-edge); }
  .wall-detail .wall-seg:not(.lab-scope-grid) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wall-detail .wall-seg:not(.lab-scope-grid) button { min-width: 0; min-height: 44px; border-bottom: 1px solid var(--w-edge); }

  .account-hero-grid > div,
  .help-hero-grid > div { min-width: 0; }
  .account-hero h1,
  .help-hero h1,
  .support-shell h1 { max-width: 100%; font-size: clamp(43px, 15vw, 51px); overflow-wrap: anywhere; }
}

/* Pro has its own editorial product language: scorecard structure, restrained
   colour and decisive type instead of a generic pricing-page stack. */
.pro-product {
  --pro-ink: #10231d;
  --pro-pitch: #08734a;
  --pro-acid: #d6ff58;
  --pro-coral: #ff6348;
  --pro-paper: #f5f1e7;
  min-height: 100vh;
  padding-top: 72px;
  color: var(--pro-ink);
  background:
    linear-gradient(90deg, rgba(16,35,29,.045) 1px, transparent 1px) 0 0/48px 48px,
    var(--pro-paper);
}

.pro-hero {
  min-height: 570px;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr);
  color: #fffdf6;
  background:
    radial-gradient(circle at 70% 12%, rgba(214,255,88,.16), transparent 28%),
    linear-gradient(125deg, #071b16, #0b3b2c 68%, #08734a);
  border-bottom: 7px solid var(--pro-acid);
}

.pro-hero-copy {
  padding: clamp(62px, 8vw, 118px) clamp(24px, 7vw, 108px);
  align-self: center;
}

.pro-kicker,
.pro-heading > span,
.pro-market > div > span {
  display: block;
  font: 800 11px/1.2 Archivo, sans-serif;
  letter-spacing: .15em;
}

.pro-kicker { color: var(--pro-acid); }
.pro-hero h1 {
  max-width: 850px;
  margin: 22px 0 20px;
  font: 900 clamp(64px, 8.2vw, 124px)/.82 Archivo, sans-serif;
  letter-spacing: -.075em;
}
.pro-hero h1 em { color: var(--pro-coral); font-style: normal; }
.pro-hero-copy > p { max-width: 670px; margin: 0; color: rgba(255,253,246,.72); font-size: clamp(17px, 1.6vw, 22px); line-height: 1.55; }
.pro-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 34px; }
.pro-actions a {
  min-height: 48px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  color: var(--pro-ink);
  background: var(--pro-acid);
  border: 1px solid var(--pro-acid);
  font: 800 12px/1 Archivo, sans-serif;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.pro-actions a.quiet { color: #fffdf6; background: transparent; border-color: rgba(255,255,255,.3); }

.pro-hero > aside {
  min-width: 0;
  padding: 54px 38px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.13);
}
.pro-hero > aside > span { color: var(--pro-acid); font: 800 10px/1 Archivo,sans-serif; letter-spacing: .15em; }
.pro-hero > aside > strong { margin-top: 21px; font: 900 clamp(84px, 9vw, 142px)/.8 Archivo,sans-serif; letter-spacing: -.08em; }
.pro-hero > aside > small { margin-top: 16px; font: 800 10px/1.4 Archivo,sans-serif; letter-spacing: .12em; }
.pro-hero > aside > i { width: 100%; height: 6px; margin: 30px 0; background: linear-gradient(90deg,var(--pro-coral) 0 32%,var(--pro-acid) 32% 100%); }
.pro-hero > aside > p { margin: 0; color: rgba(255,253,246,.66); font-size: 14px; line-height: 1.6; }

.pro-shell { width: min(1260px, calc(100% - 40px)); margin: 0 auto; padding: 48px 0 90px; }
.pro-proof { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid rgba(16,35,29,.2); background: rgba(255,255,255,.5); }
.pro-proof article { min-width: 0; padding: 25px; display: grid; grid-template-columns: 32px 1fr; column-gap: 10px; }
.pro-proof article + article { border-left: 1px solid rgba(16,35,29,.18); }
.pro-proof b { grid-row: span 2; color: var(--pro-coral); font: 900 18px/1 Archivo,sans-serif; }
.pro-proof strong { font: 800 16px/1.2 Archivo,sans-serif; }
.pro-proof p { margin: 7px 0 0; color: rgba(16,35,29,.65); font-size: 13px; line-height: 1.5; }

.pro-heading { max-width: 760px; margin: 88px 0 30px; }
.pro-heading > span,.pro-market > div > span { color: var(--pro-pitch); }
.pro-heading h2,.pro-market h2 { margin: 11px 0; font: 900 clamp(38px,5.5vw,70px)/.94 Archivo,sans-serif; letter-spacing: -.055em; }
.pro-heading p,.pro-market p { margin: 0; color: rgba(16,35,29,.65); font-size: 16px; line-height: 1.55; }

.pro-memberships { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.pro-memberships article { min-width: 0; min-height: 390px; padding: 25px; display: flex; flex-direction: column; border: 1px solid rgba(16,35,29,.24); background: #fffdf7; box-shadow: 0 12px 40px rgba(16,35,29,.07); }
.pro-memberships article.featured { color: #fffdf6; background: var(--pro-ink); border-color: var(--pro-ink); box-shadow: 10px 10px 0 var(--pro-acid); transform: translateY(-9px); }
.pro-memberships header { display: flex; justify-content: space-between; gap: 10px; font: 800 10px/1 Archivo,sans-serif; letter-spacing: .13em; }
.pro-memberships header b { padding: 6px 7px; color: var(--pro-ink); background: var(--pro-acid); }
.pro-memberships h3 { margin: 46px 0 8px; font: 900 32px/1 Archivo,sans-serif; letter-spacing: -.04em; }
.pro-memberships p { min-height: 68px; margin: 0; color: rgba(16,35,29,.62); font-size: 14px; line-height: 1.5; }
.pro-memberships .featured p { color: rgba(255,253,246,.64); }
.pro-memberships ul { margin: 20px 0 28px; padding: 18px 0 0; border-top: 1px solid rgba(16,35,29,.14); list-style: none; }
.pro-memberships .featured ul { border-color: rgba(255,255,255,.15); }
.pro-memberships li { margin: 9px 0; font-size: 13px; }
.pro-memberships li::before { content: '✓'; margin-right: 9px; color: var(--pro-pitch); font-weight: 900; }
.pro-memberships .featured li::before { color: var(--pro-acid); }
.pro-memberships footer { margin-top: auto; display: flex; justify-content: space-between; align-items: end; gap: 10px; border-top: 1px solid rgba(16,35,29,.14); padding-top: 18px; }
.pro-memberships .featured footer { border-color: rgba(255,255,255,.15); }
.pro-memberships footer strong { font: 800 11px/1.2 Archivo,sans-serif; letter-spacing: .05em; }
.pro-memberships footer a { color: inherit; font: 800 12px/1 Archivo,sans-serif; }

.pro-addon-heading { margin-top: 110px; }
.pro-addons { border-top: 2px solid var(--pro-ink); }
.pro-addons article { min-height: 110px; padding: 18px 4px; display: grid; grid-template-columns: 55px minmax(0,1fr) auto; align-items: center; gap: 20px; border-bottom: 1px solid rgba(16,35,29,.2); }
.pro-addons article > span { font: 900 28px/1 Archivo,sans-serif; color: var(--pro-coral); }
.pro-addons h3 { margin: 0 0 5px; font: 800 20px/1.1 Archivo,sans-serif; }
.pro-addons p { margin: 0; color: rgba(16,35,29,.6); font-size: 14px; }
.pro-addons article > b { font: 800 10px/1 Archivo,sans-serif; letter-spacing: .12em; }

.pro-market { margin-top: 92px; padding: clamp(28px,5vw,64px); display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 44px; color: #fffdf6; background: var(--pro-pitch); box-shadow: 10px 10px 0 var(--pro-coral); }
.pro-market > div > span { color: var(--pro-acid); }
.pro-market h2 { max-width: 810px; }
.pro-market p { max-width: 740px; color: rgba(255,253,246,.7); }
.pro-market > a { min-height: 48px; padding: 0 17px; display: inline-flex; align-items: center; gap: 24px; color: var(--pro-ink); background: var(--pro-acid); font: 800 11px/1 Archivo,sans-serif; text-transform: uppercase; letter-spacing: .08em; white-space: nowrap; }
.pro-boundary { margin-top: 66px; padding: 22px; display: grid; grid-template-columns: 42px 1fr; gap: 14px; border: 1px solid rgba(16,35,29,.2); }
.pro-boundary > span { width: 42px; height: 42px; display: grid; place-items: center; color: #fff; background: var(--pro-pitch); border-radius: 50%; font-weight: 900; }
.pro-boundary strong { font: 800 16px/1.2 Archivo,sans-serif; }
.pro-boundary p { margin: 5px 0 0; color: rgba(16,35,29,.62); font-size: 13px; line-height: 1.5; }

@media (max-width: 900px) {
  .pro-hero { grid-template-columns: 1fr; }
  .pro-hero > aside { padding: 30px 24px; border: 0; border-top: 1px solid rgba(255,255,255,.14); }
  .pro-hero > aside > strong { font-size: 88px; }
  .pro-proof,.pro-memberships { grid-template-columns: 1fr; }
  .pro-proof article + article { border-left: 0; border-top: 1px solid rgba(16,35,29,.18); }
  .pro-memberships article { min-height: 330px; }
  .pro-memberships article.featured { transform: none; }
  .pro-market { grid-template-columns: 1fr; align-items: start; }
  .pro-market > a { justify-self: start; }
}

@media (max-width: 560px) {
  .pro-product { padding-top: 60px; }
  .pro-hero-copy { padding: 54px 18px 42px; }
  .pro-hero h1 { font-size: clamp(58px,20vw,82px); }
  .pro-hero > aside { padding: 27px 18px; }
  .pro-shell { width: calc(100% - 28px); padding-top: 28px; }
  .pro-heading { margin-top: 64px; }
  .pro-memberships article { min-height: 310px; }
  .pro-addons article { grid-template-columns: 40px minmax(0,1fr); }
  .pro-addons article > b { grid-column: 2; }
  .pro-market { margin-top: 68px; padding: 27px 20px; box-shadow: 6px 6px 0 var(--pro-coral); }
}

@media (prefers-reduced-motion: reduce) {
  .brand-ball::after { animation: none; }
}

@media (max-width: 340px) {
  .workspace-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}