/* Arena by Legion — DA de LEGION Live :
   noir chaud, or antique du logo, Saira / Saira Condensed, angles biseautés, losanges. */
@font-face { font-family: "Saira Condensed"; font-weight: 600; font-display: swap; src: url("fonts/saira-condensed-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Saira Condensed"; font-weight: 700; font-display: swap; src: url("fonts/saira-condensed-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Saira Condensed"; font-weight: 800; font-display: swap; src: url("fonts/saira-condensed-latin-800-normal.woff2") format("woff2"); }
@font-face { font-family: "Saira"; font-weight: 400; font-display: swap; src: url("fonts/saira-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Saira"; font-weight: 500; font-display: swap; src: url("fonts/saira-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Saira"; font-weight: 600; font-display: swap; src: url("fonts/saira-latin-600-normal.woff2") format("woff2"); }

:root {
  --bg: #090806;
  --bg-2: #0E0C09;
  --surface: #110F0C;
  --surface-2: #18150F;
  --line: rgba(183, 143, 88, .14);
  --line-2: rgba(183, 143, 88, .36);
  --text: #EFEBE4;
  --muted: #9C9486;
  --gold: #B78F58;
  --gold-2: #D6B37C;
  --gold-ink: #120F0A;
  --gold-soft: rgba(183, 143, 88, .13);
  --err: #E8382D;
  --cut: 14px;
  --cut-s: 5px;
  --cond: "Saira Condensed", "Arial Narrow", sans-serif;
  --sans: "Saira", system-ui, sans-serif;
}

body {
  background: radial-gradient(120% 60% at 50% -10%, #17130D 0%, var(--bg) 60%) fixed, var(--bg);
  font-size: 15px;
}

/* ---- Marque : losange + nom espacé, comme LEGION Live ---- */
.brand-mark { border: 0; width: 18px; height: 18px; transform: rotate(45deg); outline: 1.5px solid var(--gold); outline-offset: 0; border-radius: 0; }
.brand-mark::before { inset: 4px; border: 0; border-radius: 0; background: var(--gold); }
.brand-mark::after { display: none; }
.brand-txt b { font: 500 15px/1 var(--sans); letter-spacing: .48em; color: var(--gold); margin-right: -.48em; }
.brand-txt span { font: 500 10px/1 var(--sans); letter-spacing: .32em; color: var(--muted); margin-top: 5px; }
.top { background: rgba(9, 8, 6, .86); border-bottom-color: var(--line); }
.nav a { font: 600 11px/1 var(--sans); letter-spacing: .06em; padding: 8px 6px; }
.nav a.nav-cta { letter-spacing: .12em; }
.nav a.on { color: var(--gold-2); }

/* ---- Angles biseautés ---- */
.card, .launch, .score-card, .entry, .match {
  position: relative;
  border: 1px solid var(--line-2);
  border-radius: 0;
  clip-path: polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));
}
.card::before, .launch::before, .score-card::before, .entry::before, .match::before,
.card::after, .launch::after, .score-card::after, .entry::after, .match::after {
  content: ""; position: absolute; width: calc(var(--cut) * 1.42); height: 1px; background: var(--line-2); pointer-events: none;
}
.card::before, .launch::before, .score-card::before, .entry::before, .match::before { left: -1px; top: calc(var(--cut) - 1px); transform-origin: 0 0; transform: rotate(-45deg); }
.card::after, .launch::after, .score-card::after, .entry::after, .match::after { right: -1px; bottom: calc(var(--cut) - 1px); transform-origin: 100% 100%; transform: rotate(-45deg); }
.match { --cut: 9px; }
.launch { border-color: var(--gold); }
.launch::before, .launch::after { background: var(--gold); }

.btn, .chip, .badge, .seg-sm button, .subtabs a, .soiree-tabs a, .qbtn, .sug, .pay-chip, .place, .entry-status, .tab, .live-tag, .count, .reco {
  border-radius: 0 !important;
  clip-path: polygon(var(--cut-s) 0, 100% 0, 100% calc(100% - var(--cut-s)), calc(100% - var(--cut-s)) 100%, 0 100%, 0 var(--cut-s));
}
.btn { font: 700 14px/1 var(--cond); letter-spacing: .14em; }
.btn-gold { background: var(--gold); border-color: var(--gold); color: var(--gold-ink); }
.btn-gold:hover { background: var(--gold-2); }
input, select, textarea { border-radius: 0; background: var(--bg-2); border-color: var(--line-2); }

/* ---- Titres : grand condensé, sections espacées avec filet doré ---- */
.h1 { font: 800 clamp(34px, 8vw, 54px)/.95 var(--cond); letter-spacing: .02em; }
.eyebrow { font: 600 11px/1.3 var(--sans); letter-spacing: .3em; color: var(--muted); }
.eyebrow::before { content: ""; display: inline-block; width: 7px; height: 7px; border: 1px solid var(--gold); transform: rotate(45deg); margin-right: 10px; vertical-align: 1px; }
.block > .h2, .block-head .h2, .list-title {
  display: flex; align-items: center; gap: 12px;
  font: 600 12.5px/1 var(--sans); letter-spacing: .34em; color: var(--gold);
}
.block > .h2::after, .block-head .h2::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, var(--line-2), transparent); }
.block-head { align-items: center; }
.block-head .h2 { flex: 1; }
.month { font: 600 11.5px/1 var(--sans); letter-spacing: .34em; color: var(--muted); }
.h3 { font: 700 18px/1.1 var(--cond); letter-spacing: .04em; }

/* ---- Losanges à la place des pastilles ---- */
.dot { width: 7px; height: 7px; border-radius: 0; transform: rotate(45deg); }
.duel-vs { writing-mode: horizontal-tb; font-size: 0; position: relative; min-width: 34px; }
.duel-vs::before { content: ""; width: 12px; height: 12px; border: 1.5px solid var(--gold); transform: rotate(45deg); }
.duel-pts { font: 800 clamp(48px, 10vw, 74px)/.9 var(--cond); }
.duel-side.lead::after { border-radius: 0; clip-path: polygon(4px 0, 100% 0, 100% calc(100% - 4px), calc(100% - 4px) 100%, 0 100%, 0 4px); }
.duel-bar { border-radius: 0; height: 6px; }

/* ---- Chiffres et scores ---- */
.tcard-date .d, .pick-date .d, .trow-date .d { font: 800 40px/1 var(--cond); color: var(--gold-2); }
.tl-pts, .tbl-rank .pts, .stat-v { font-family: var(--cond); font-weight: 800; color: var(--gold-2); }
.side .sc { font: 800 18px/1 var(--cond); }
.side.win { background: linear-gradient(90deg, var(--gold-soft), transparent); }
.medal-1 { background: var(--gold); color: var(--gold-ink); }
.round-title { font: 600 11px/1 var(--sans); letter-spacing: .28em; color: var(--gold); }

/* ---- Direct : rouge LEGION Live ---- */
.live-banner { border-radius: 0; clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px); border-color: rgba(232, 56, 45, .5); }
.chip-running, .live-tag { background: var(--err); border-color: var(--err); }
.chip-open { background: var(--gold); border-color: var(--gold); color: var(--gold-ink); }
.chip-kind { border-color: var(--gold); color: var(--gold-2); }

.foot { border-top-color: var(--line); }

.brand-logo { height: 30px; width: auto; display: block; }
.nav a.nav-cta { border-radius: 0; clip-path: polygon(var(--cut-s) 0, 100% 0, 100% calc(100% - var(--cut-s)), calc(100% - var(--cut-s)) 100%, 0 100%, 0 var(--cut-s)); }
.flash { border-radius: 0; }
.pfield, .slot, .rules-row, .format-opt, .danger-zone { border-radius: 0; }