/* Alternative review direction: a human-made match-day programme, enabled with ?style=editorial. */

body.editorial-style {
  --ink: #15130f;
  --muted: #615d54;
  --line: #24211b;
  --paper: #f4f0e4;
  --canvas: #d8d1c2;
  --green: #12553d;
  --green-dark: #0b3d2c;
  --lime: #d6e84d;
  --clay: #d34e2f;
  --soft-green: #dce7dc;
  --soft-yellow: #eee2a8;
  --shadow: none;
  --radius: 0;
  background-color: var(--canvas);
  background-image: repeating-linear-gradient(0deg, rgba(21,19,15,.025) 0, rgba(21,19,15,.025) 1px, transparent 1px, transparent 5px);
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: auto;
}

.editorial-style .app-shell {
  max-width: 1240px;
  border-right: 1px solid var(--ink);
  border-left: 1px solid var(--ink);
  border-radius: 0;
  background: var(--paper);
}

.editorial-style .topbar {
  height: 64px;
  border-bottom: 2px solid var(--ink);
  background: var(--paper);
  backdrop-filter: none;
}

.editorial-style .brand-wordmark { font-family: Georgia, "Times New Roman", serif; font-weight: 700; letter-spacing: -.025em; }
.editorial-style .brand-mark { color: var(--clay); }
.editorial-style .avatar { border: 1px solid var(--ink); border-radius: 0; background: var(--ink); }
.editorial-style .desktop-nav { align-self: stretch; }
.editorial-style .desktop-nav button { height: 100%; border-bottom-width: 5px; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; }

.editorial-style .page { padding: 34px 32px 56px; }
.editorial-style .page-stack { gap: 26px; }
.editorial-style h1,
.editorial-style .page-header h1,
.editorial-style .event-header h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(38px,5vw,64px);
  font-weight: 700;
  line-height: .96;
  letter-spacing: -.045em;
}
.editorial-style h2 { font-family: Georgia, "Times New Roman", serif; letter-spacing: -.02em; }
.editorial-style h3 { letter-spacing: -.01em; }
.editorial-style .lede { font-family: Georgia, "Times New Roman", serif; }

.editorial-style .button,
.editorial-style .mini-button,
.editorial-style .google-button,
.editorial-style .language-link,
.editorial-style .field,
.editorial-style .search,
.editorial-style select {
  border-radius: 0;
}
.editorial-style .button,
.editorial-style .mini-button { border: 1px solid var(--ink); background: var(--ink); color: var(--paper); box-shadow: 3px 3px 0 var(--clay); }
.editorial-style .button:hover,
.editorial-style .mini-button:hover { background: var(--green-dark); }
.editorial-style .button.secondary,
.editorial-style .button.ghost { border-color: var(--ink); background: var(--paper); color: var(--ink); box-shadow: 3px 3px 0 var(--ink); }

.editorial-style .card,
.editorial-style .match-card,
.editorial-style .bench-card,
.editorial-style .status-panel,
.editorial-style .action-panel,
.editorial-style .advance-card,
.editorial-style .completed-result-hero,
.editorial-style .selection-history-group,
.editorial-style .winner-block,
.editorial-style .empty,
.editorial-style .sticky-action {
  border: 1px solid var(--ink);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

/* Remove the generated-art layer entirely in this direction. */
.editorial-style .location-art,
.editorial-style .production-art,
.editorial-style .player-portrait,
.editorial-style .selected-player-portraits { display: none !important; }

.editorial-style .tournament-card { grid-template-columns: minmax(0,1fr) auto; min-height: 104px; padding: 18px; border-left: 8px solid var(--clay); }
.editorial-style .tournament-card-copy { align-self: start; }
.editorial-style .card-title-row { display: block; }
.editorial-style .card-title-row h3 { margin-bottom: 10px; font-family: Georgia, "Times New Roman", serif; font-size: 22px; }
.editorial-style .status-chip { display: inline-flex; border: 1px solid currentColor; border-radius: 0; background: transparent !important; font-family: "Courier New", monospace; font-size: 10px; letter-spacing: .04em; text-transform: uppercase; }
.editorial-style .active-card { border-color: var(--ink); border-left-color: var(--green); }
.editorial-style .warning-card { border-left-color: #b27412; }

.editorial-style .lifecycle-tabs,
.editorial-style .tour-filter,
.editorial-style .tournament-tabs,
.editorial-style .tournament-tour-selector,
.editorial-style .ranking-tabs,
.editorial-style .half-tabs,
.editorial-style .draw-half-filter {
  gap: 0;
  padding: 0;
  border: 1px solid var(--ink);
  border-radius: 0;
  background: transparent;
}
.editorial-style .lifecycle-tabs button,
.editorial-style .tour-filter button,
.editorial-style .tournament-tabs button,
.editorial-style .tournament-tour-selector button,
.editorial-style .ranking-tabs button,
.editorial-style .half-tabs button,
.editorial-style .draw-half-filter button {
  border-right: 1px solid var(--ink);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-family: "Courier New", monospace;
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.editorial-style .lifecycle-tabs button:last-child,
.editorial-style .tour-filter button:last-child,
.editorial-style .tournament-tabs button:last-child,
.editorial-style .tournament-tour-selector button:last-child,
.editorial-style .ranking-tabs button:last-child,
.editorial-style .half-tabs button:last-child,
.editorial-style .draw-half-filter button:last-child { border-right: 0; }
.editorial-style .lifecycle-tabs button.active,
.editorial-style .tour-filter button.active,
.editorial-style .tournament-tabs button.active,
.editorial-style .tournament-tour-selector button.active,
.editorial-style .ranking-tabs button.active,
.editorial-style .half-tabs button.active,
.editorial-style .draw-half-filter button.active { background: var(--ink); color: var(--paper); box-shadow: none; }

.editorial-style .outstanding-action {
  grid-template-columns: 32px minmax(0,1fr) auto;
  border: 2px solid var(--ink);
  border-left: 10px solid var(--clay);
  border-radius: 0;
  background: var(--soft-yellow);
  box-shadow: 7px 7px 0 var(--ink);
}
.editorial-style .outstanding-action-icon { border: 1px solid var(--ink); border-radius: 0; background: var(--clay); color: white; }
.editorial-style .outstanding-action .outstanding-action-label { color: var(--ink); font-family: "Courier New", monospace; }

.editorial-style .completed-card-head { grid-template-columns: 1fr auto; padding-bottom: 12px; border-bottom: 1px solid var(--ink); }
.editorial-style .completed-results { gap: 0; border: 1px solid var(--ink); }
.editorial-style .completed-results div { border-right: 1px solid var(--ink); border-radius: 0; background: transparent; }
.editorial-style .completed-results div:last-child { border-right: 0; }

.editorial-style .event-header,
.editorial-style .production-event-header {
  min-height: 0;
  padding: 24px 0 18px;
  border-top: 8px solid var(--clay);
  border-bottom: 2px solid var(--ink);
  border-radius: 0;
  background: transparent;
}
.editorial-style .event-header-copy { width: 100%; }
.editorial-style .event-header-copy > p { font-family: "Courier New", monospace; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.editorial-style .event-title-row { justify-content: space-between; }
.editorial-style .event-header .status-chip.is-live { background: var(--clay) !important; color: white; }

.editorial-style .selection-requirements { border: 1px solid var(--ink); border-radius: 0; background: transparent; }
.editorial-style .match-card { padding: 0; }
.editorial-style .match-meta { padding: 8px 12px; border-bottom: 1px solid var(--ink); background: var(--ink); color: var(--paper); font-family: "Courier New", monospace; }
.editorial-style .player-row { grid-template-columns: 42px minmax(0,1fr) auto; min-height: 66px; border-radius: 0; padding: 8px 12px; }
.editorial-style .player-row.has-portrait { grid-template-columns: 42px minmax(0,1fr) auto; }
.editorial-style .player-row.has-portrait .player-info { grid-column: 2; }
.editorial-style .player-row.has-portrait .pick-toggle { grid-column: 3; }
.editorial-style .player-row + .player-row { border-top-color: var(--ink); }
.editorial-style .player-row.selected { background: var(--soft-yellow); }
.editorial-style .pick-toggle { border: 1px solid var(--ink); border-radius: 0; background: transparent; color: var(--ink); }
.editorial-style .player-seed { font-family: "Courier New", monospace; font-weight: 700; }

.editorial-style .draw-sticky-head,
.editorial-style .draw-viewport,
.editorial-style .bracket-card { border-color: var(--ink); border-radius: 0; background: var(--paper); box-shadow: none; backdrop-filter: none; }
.editorial-style .bracket-headings { border-color: var(--ink); background: var(--ink); }
.editorial-style .bracket-heading { color: var(--paper); font-family: "Courier New", monospace; }
.editorial-style .bracket-heading small { color: #cbc4b5; }
.editorial-style .bracket-lines path { stroke: var(--ink); }
.editorial-style .bracket-card.your-path { border: 3px solid var(--clay); }

.editorial-style .rank-table,
.editorial-style .standings-table { border: 1px solid var(--ink); border-radius: 0; }
.editorial-style .rank-row,
.editorial-style .standings-row { border-color: var(--ink); }
.editorial-style .ranking-crest,
.editorial-style .mini-crest { filter: grayscale(1); }

.editorial-style .public-landing { padding: 18px 24px 28px; background: var(--canvas); }
.editorial-style .public-header { border-bottom: 2px solid var(--ink); }
.editorial-style .public-landing .auth-grid { grid-template-columns: 58fr 42fr; overflow: visible; border: 2px solid var(--ink); border-radius: 0; background: var(--paper); box-shadow: 10px 10px 0 var(--ink); }
.editorial-style .public-landing .auth-visual { position: relative; display: block; min-height: 650px; overflow: hidden; padding: 52px; background: var(--green); }
.editorial-style .public-landing .auth-visual::before { content: ""; position: absolute; right: -80px; bottom: 80px; width: 420px; height: 150px; border: 16px solid var(--lime); transform: rotate(-8deg); }
.editorial-style .public-landing .auth-visual::after { content: "ROME  /  CLAY  /  2026"; position: absolute; right: -32px; bottom: 28px; color: var(--lime); font: 900 54px/1 "Courier New", monospace; letter-spacing: -.08em; transform: rotate(-8deg); }
.editorial-style .public-copy .entry-kicker { color: var(--lime); font-family: "Courier New", monospace; text-transform: uppercase; }
.editorial-style .public-copy h1 { max-width: 570px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(58px,6vw,88px); font-style: italic; letter-spacing: -.06em; }
.editorial-style .public-copy > p:last-child { max-width: 520px; font-family: Georgia, "Times New Roman", serif; }
.editorial-style .public-landing .auth-card { padding: 42px; border-left: 2px solid var(--ink); }
.editorial-style .auth-card h2 { font-family: Georgia, "Times New Roman", serif; font-size: 36px; }
.editorial-style .divider::before,
.editorial-style .divider::after { background: var(--ink); }

.editorial-style .onboarding-card { border: 2px solid var(--ink); border-radius: 0; background: var(--paper); box-shadow: 9px 9px 0 var(--ink); }
.editorial-style .crest-stage { border: 1px solid var(--ink); border-radius: 0; background: #e7e0d1; }
.editorial-style .swatch,
.editorial-style .pattern-choice,
.editorial-style .symbol-choice { border-radius: 0; }

@media (max-width: 779px) {
  .editorial-style .app-shell { border: 0; }
  .editorial-style .page { padding: 24px 16px 40px; }
  .editorial-style .page-header h1,
  .editorial-style .event-header h1 { font-size: 42px; }
  .editorial-style .outstanding-action { grid-template-columns: 32px minmax(0,1fr); box-shadow: 5px 5px 0 var(--ink); }
  .editorial-style .tournament-card { grid-template-columns: 1fr; padding: 16px; }
  .editorial-style .tournament-card .mini-button { grid-column: 1; justify-self: start; }
  .editorial-style .completed-card-head { grid-template-columns: 1fr auto; }
  .editorial-style .completed-card-head .status-chip { grid-column: 2; }
  .editorial-style .completed-results { display: block; }
  .editorial-style .completed-results div { border-right: 0; border-bottom: 1px solid var(--ink); }
  .editorial-style .completed-results div:last-child { border-bottom: 0; }
  .editorial-style .public-landing { padding: 0; }
  .editorial-style .public-header { padding: 8px 16px; margin-bottom: 0; background: var(--paper); }
  .editorial-style .public-landing .auth-grid { border-right: 0; border-left: 0; box-shadow: none; }
  .editorial-style .public-landing .auth-visual { min-height: 470px; padding: 30px 20px; }
  .editorial-style .public-copy h1 { font-size: 52px; }
  .editorial-style .public-landing .auth-visual::before { right: -170px; bottom: 55px; width: 390px; height: 110px; }
  .editorial-style .public-landing .auth-visual::after { right: -45px; bottom: 24px; font-size: 38px; }
  .editorial-style .public-landing .auth-card { border-top: 2px solid var(--ink); border-left: 0; }
  .editorial-style .bottom-nav { border-top: 2px solid var(--ink); background: var(--paper); }
}