/* ════════════════════════════════════════════════════════════════════════
   Buzzberg CallCup — visual redesign
   Direction: premium sports broadcast × financial terminal.
   Gold is an accent, not a background colour. Empty states are quiet,
   typography is larger, and the trophy is integrated into the centre stage.
   ════════════════════════════════════════════════════════════════════════ */

.bzc-page,
.bzc-page *,
.bzm-page,
.bzm-page *,
.bzr-page,
.bzr-page *{ box-sizing:border-box; }

.bzc-page{
  --bzc-gold:#d8ab4a;
  --bzc-gold-hi:#f1d58d;
  --bzc-gold-deep:#9d7228;
  --bzc-line:rgba(255,255,255,.52);
  --bzc-line-soft:rgba(255,255,255,.28);
  --bzc-line-strong:rgba(255,255,255,.78);
  --bzc-panel:#0b0f17;
  --bzc-panel-hi:#101620;
  --bzc-slot-bg:rgba(255,255,255,.055);
  --bzc-slot-bg-hi:rgba(255,255,255,.095);
  --bzc-slot-border:rgba(255,255,255,.46);
  --bzc-ink:#f2f4f7;
  --bzc-muted:#8993a3;
  --bzc-muted-2:#606a79;

  --colgap:clamp(14px,1.25vw,30px);
  --slot-h:36px;
  --bracket-h:400px;
  --center-w:clamp(240px,17vw,320px);

  position:relative;
  min-height:calc(100vh - 56px);
  padding:14px 16px 12px;
  overflow-x:clip;
  color:var(--bzc-ink);
  font-family:var(--font-sans, Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  background:
    radial-gradient(900px 520px at 50% 28%, rgba(190,143,47,.09), transparent 62%),
    radial-gradient(1200px 680px at 50% 108%, rgba(78,95,124,.08), transparent 62%),
    linear-gradient(180deg,#06080d 0%,#080c13 44%,#070a11 100%);
}
.bzc-page::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(0,0,0,.22), transparent 14%, transparent 86%, rgba(0,0,0,.22)),
    radial-gradient(120% 88% at 50% -10%, transparent 54%, rgba(0,0,0,.36));
}
.bzc-page > *{ position:relative; z-index:1; }

/* ── Hero ─────────────────────────────────────────────────────────────── */
.bzc-hero{
  width:100%;
  margin:0 auto 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:46px;
  text-align:center;
}
.bzc-hero__mark{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(216,171,74,.22);
  border-radius:13px;
  background:linear-gradient(180deg,rgba(216,171,74,.08),rgba(255,255,255,.012));
  box-shadow:0 10px 28px rgba(0,0,0,.28);
}
.bzc-bee{
  display:block;
  width:30px;
  height:30px;
  object-fit:contain;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.36));
}
.bzc-hero__copy{ min-width:0; }
.bzc-title-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:0;
}
.bzc-kicker{
  margin:0 0 3px;
  color:var(--bzc-gold);
  font-size:.64rem;
  font-weight:750;
  letter-spacing:.19em;
  line-height:1;
  text-transform:uppercase;
}
.bzc-title{
  margin:0;
  color:#f5f1e8;
  font-size:clamp(1.65rem,3vw,2.55rem);
  font-weight:800;
  letter-spacing:-.045em;
  line-height:.98;
  text-transform:none;
  text-wrap:balance;
}
.bzc-hero-meta-row{
  margin-top:7px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#9aa4b3;
}
.bzc-date-range{
  color:#aeb6c2;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap;
}
.bzc-tbd-note{
  margin:8px 0 0;
  color:#8f98a7;
  font-size:.72rem;
  font-weight:650;
  letter-spacing:.04em;
  line-height:1.35;
  text-transform:uppercase;
}
.bzc-social-link{
  width:24px;
  height:24px;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(216,171,74,.28);
  border-radius:50%;
  background:rgba(216,171,74,.045);
  color:#f1d58d;
  text-decoration:none;
  transition:border-color .15s ease,background .15s ease,transform .15s ease;
}
.bzc-social-link:hover{
  border-color:rgba(241,213,141,.58);
  background:rgba(216,171,74,.095);
  transform:translateY(-1px);
}
.bzc-social-link .icon-twitter{
  width:13px;
  height:13px;
  margin:0;
  filter:grayscale(1) brightness(1.65) sepia(.35) saturate(1.25);
}
.bzc-hero__meta{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  min-width:0;
}
.bzc-tagline{
  margin:0;
  color:#a8b0bd;
  font-size:.74rem;
  font-weight:600;
  letter-spacing:.055em;
  white-space:nowrap;
}
.bzc-preview-flag{
  display:inline-flex;
  align-items:center;
  height:24px;
  margin:0;
  padding:0 9px;
  border:1px solid rgba(216,171,74,.32);
  border-radius:999px;
  color:var(--bzc-gold-hi);
  background:rgba(216,171,74,.075);
  font-size:.61rem;
  font-weight:750;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.bzc-subline{
  max-width:650px;
  margin:0 auto;
  color:var(--bzc-muted);
  font-size:.88rem;
  line-height:1.55;
  text-align:center;
}

/* ── Bracket frame ────────────────────────────────────────────────────── */
.bzc-bracket-scroll{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  padding:4px 0 16px;
  scrollbar-width:thin;
  scrollbar-color:rgba(216,171,74,.28) transparent;
}
.bzc-bracket-scroll::-webkit-scrollbar{ height:6px; }
.bzc-bracket-scroll::-webkit-scrollbar-track{ background:transparent; }
.bzc-bracket-scroll::-webkit-scrollbar-thumb{ background:rgba(216,171,74,.26); border-radius:999px; }
.bzc-bracket{
  width:max-content;
  min-height:var(--bracket-h);
  margin:0 auto;
  display:flex;
  align-items:stretch;
}
.bzc-side{ display:flex; align-items:stretch; }
.bzc-round{
  display:flex;
  flex-direction:column;
  min-width:100px;
}
.bzc-round--r32{ width:clamp(150px,11.6vw,240px); }
.bzc-round--r16{ width:clamp(112px,8.45vw,184px); }
.bzc-round--qf{ width:clamp(100px,7.3vw,164px); }
.bzc-round--sf{ width:clamp(92px,6.8vw,150px); }
.bzc-side--left .bzc-round{ margin-right:var(--colgap); }
.bzc-side--right .bzc-round{ margin-left:var(--colgap); }

.bzc-round__label{
  height:30px;
  margin-bottom:4px;
  display:flex;
  align-items:center;
  color:#a99669;
  font-size:.625rem;
  font-weight:750;
  letter-spacing:.14em;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap;
}
.bzc-side--left .bzc-round__label{ justify-content:flex-start; }
.bzc-side--right .bzc-round__label{ justify-content:flex-end; }
.bzc-round__body{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:space-around;
}
.bzc-match{
  position:relative;
  z-index:1;
  flex:1 1 0;
  display:flex;
  flex-direction:column;
  justify-content:space-around;
  color:inherit;
  text-decoration:none;
}

/* ── Slot ─────────────────────────────────────────────────────────────── */
.bzc-slot{
  position:relative;
  z-index:2;
  height:var(--slot-h);
  padding:0 9px;
  display:flex;
  align-items:center;
  gap:7px;
  border:2px solid var(--bzc-slot-border);
  border-radius:9px;
  color:var(--bzc-ink);
  background:
    linear-gradient(180deg,var(--bzc-slot-bg-hi),var(--bzc-slot-bg)),
    linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.026));
  box-shadow:
    0 5px 15px rgba(0,0,0,.24),
    inset 0 0 0 1px rgba(255,255,255,.055);
}
a.bzc-match.is-link{ cursor:pointer; }
a.bzc-match.is-link .bzc-slot{
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease;
}
a.bzc-match.is-link:hover .bzc-slot.is-filled{
  border-color:rgba(255,255,255,.82);
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.058));
  box-shadow:0 10px 24px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.16);
  transform:translateY(-1px);
}
.bzc-seed{
  min-width:16px;
  flex:none;
  color:var(--bzc-gold);
  font-family:var(--font-mono,"SFMono-Regular",Consolas,"Liberation Mono",monospace);
  font-size:.61rem;
  font-weight:700;
  font-variant-numeric:tabular-nums;
  opacity:.82;
}
.bzc-av{
  width:22px;
  height:22px;
  flex:none;
  overflow:hidden;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  color:var(--cf,#fff);
  background:linear-gradient(150deg,var(--c1,#27272a),var(--c2,#71717a));
  font-size:.56rem;
  font-weight:750;
}
.bzc-av img{ width:100%; height:100%; object-fit:cover; }
.bzc-av--tbd{
  color:#7d8795;
  background:#111722;
  border-color:rgba(255,255,255,.08);
}
.bzc-name{
  min-width:0;
  overflow:hidden;
  color:#eef1f5;
  font-size:.82rem;
  font-weight:650;
  line-height:1;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.bzc-slot.is-tbd,
.bzc-slot.is-empty{
  color:var(--bzc-muted-2);
  background:
    linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.018)),
    repeating-linear-gradient(-45deg,rgba(255,255,255,.07) 0 1px,transparent 1px 8px);
  border-color:rgba(255,255,255,.38);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}
.bzc-slot.is-empty{
  justify-content:center;
  min-width:0;
}
.bzc-slot.is-tbd .bzc-name,
.bzc-slot.is-empty .bzc-name{
  color:#596272;
  font-size:.65rem;
  font-weight:650;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* ── Connectors ───────────────────────────────────────────────────────── */
.bzc-side--left .bzc-match > .bzc-slot::after,
.bzc-side--right .bzc-match > .bzc-slot::after,
.bzc-side--left .bzc-match::before,
.bzc-side--right .bzc-match::before,
.bzc-side--left .bzc-match::after,
.bzc-side--right .bzc-match::after{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
}
.bzc-side--left .bzc-match > .bzc-slot::after{
  top:50%; left:100%; width:calc(var(--colgap)/2); height:2px;
  background:linear-gradient(90deg,var(--bzc-line-soft),var(--bzc-line-strong));
}
.bzc-side--left .bzc-match::after{
  top:25%; left:calc(100% + var(--colgap)/2); width:2px; height:50%;
  background:linear-gradient(180deg,var(--bzc-line-soft),var(--bzc-line),var(--bzc-line-soft));
}
.bzc-side--left .bzc-match::before{
  top:50%; left:calc(100% + var(--colgap)/2); width:calc(var(--colgap)/2); height:2px;
  background:linear-gradient(90deg,var(--bzc-line-strong),var(--bzc-line-soft));
}
.bzc-side--right .bzc-match > .bzc-slot::after{
  top:50%; right:100%; width:calc(var(--colgap)/2); height:2px;
  background:linear-gradient(90deg,var(--bzc-line-strong),var(--bzc-line-soft));
}
.bzc-side--right .bzc-match::after{
  top:25%; right:calc(100% + var(--colgap)/2); width:2px; height:50%;
  background:linear-gradient(180deg,var(--bzc-line-soft),var(--bzc-line),var(--bzc-line-soft));
}
.bzc-side--right .bzc-match::before{
  top:50%; right:calc(100% + var(--colgap)/2); width:calc(var(--colgap)/2); height:2px;
  background:linear-gradient(90deg,var(--bzc-line-soft),var(--bzc-line-strong));
}

.bzc-match__cta{
  position:absolute;
  top:50%; left:50%; z-index:4;
  min-width:28px;
  height:18px;
  padding:0 7px;
  display:grid;
  place-items:center;
  border:1px solid rgba(216,171,74,.42);
  border-radius:999px;
  color:#f3d88f;
  background:#111722;
  box-shadow:0 5px 14px rgba(0,0,0,.45);
  font-size:.52rem;
  font-weight:800;
  letter-spacing:.12em;
  opacity:0;
  transform:translate(-50%,-50%) scale(.9);
  transition:opacity .16s ease,transform .16s ease;
  pointer-events:none;
}
a.bzc-match.is-link:hover .bzc-match__cta{ opacity:1; transform:translate(-50%,-50%) scale(1); }

/* ── Centre stage (champion trophy) ──────────────────────────────────────── */
.bzc-center{
  position:relative;
  flex:none;
  width:var(--center-w);
  min-width:var(--center-w);
  align-self:stretch;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
}
/* Both semifinal slots (top + bottom) join one vertical brace that runs exactly
   slot-to-slot (no overshoot past the boxes); the Final badge's feed line reaches
   the bottom slot, where the brace ends. Only the OLD straight-to-centre line is
   removed (it used to cross the trophy). */
.bzc-side--left .bzc-round--sf .bzc-match::before,
.bzc-side--right .bzc-round--sf .bzc-match::before{ display:none; }
.bzc-center__eyebrow{
  position:relative;
  z-index:2;
  margin-bottom:6px;
  color:#a99669;
  font-size:.6rem;
  font-weight:750;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.bzc-trophy-wrap{
  position:relative;
  z-index:2;
  width:100%;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
/* warm glow behind the trophy */
.bzc-trophy-wrap::before{
  content:"";
  position:absolute;
  z-index:0;
  left:50%; top:48%;
  width:150%; height:108%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.28),rgba(241,213,141,.16) 35%,rgba(216,171,74,.07) 56%,transparent 76%);
  filter:blur(6px);
}
/* ground shadow */
.bzc-trophy-wrap::after{
  content:"";
  position:absolute;
  z-index:0;
  left:50%; bottom:-3px;
  width:62%; height:18px;
  transform:translateX(-50%);
  border-radius:50%;
  background:rgba(0,0,0,.66);
  filter:blur(11px);
}
.bzc-trophy-picture{ display:contents; }
.bzc-trophy{
  position:relative;
  z-index:1;
  display:block;
  width:auto;
  height:clamp(280px,38vh,500px);
  max-width:100%;
  object-fit:contain;
  image-rendering:auto;
  filter:drop-shadow(0 24px 28px rgba(0,0,0,.58)) drop-shadow(0 0 20px rgba(255,255,255,.18)) drop-shadow(0 0 34px rgba(241,213,141,.18));
}
.bzc-final{
  position:relative;
  z-index:2;
  width:100%;
  max-width:224px;
  padding:11px 12px 12px;
  border:2px solid rgba(255,255,255,.40);
  border-radius:15px;
  text-align:center;
  background:
    linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.024)),
    #0a0e15;
  box-shadow:0 18px 36px rgba(0,0,0,.35),0 0 24px rgba(255,255,255,.075),inset 0 0 0 1px rgba(255,255,255,.075);
}
/* feed lines from the bracket into the Final badge (attached to the card edges
   so they always meet it; they reach out toward the semifinal columns) */
.bzc-final::before,
.bzc-final::after{
  content:"";
  position:absolute;
  top:50%;
  width:calc((var(--center-w) - 224px) / 2 + var(--colgap));
  height:2px;
  background:linear-gradient(90deg,transparent,var(--bzc-line) 50%,var(--bzc-line-strong));
  pointer-events:none;
}
.bzc-final::before{ right:100%; }
.bzc-final::after{ left:100%; transform:scaleX(-1); }
.bzc-final__head{
  margin-bottom:9px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.bzc-final__label{
  color:var(--bzc-gold-hi);
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.19em;
  text-transform:uppercase;
}
.bzc-final__status{
  color:#8f98a7;
  font-size:.58rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.bzc-final__pair{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:8px;
}
.bzc-final__slot{
  height:36px;
  display:grid;
  place-items:center;
  border:2px solid rgba(255,255,255,.38);
  border-radius:9px;
  color:#6e7480;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.028));
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.bzc-final__vs{ color:#8e98a7; font-size:.66rem; font-weight:800; letter-spacing:.08em; }
.bzc-soon{ display:none; }

/* ── Below bracket ────────────────────────────────────────────────────── */
.bzc-rules-link{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-top:14px;
  color:var(--bzc-gold);
  font-size:.82rem;
  font-weight:700;
  text-decoration:none;
}
.bzc-rules-link:hover{ color:var(--bzc-gold-hi); }
.bzc-schedule{
  max-width:1320px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.bzc-sched{
  min-width:148px;
  padding:14px 16px;
  display:flex;
  flex-direction:column;
  gap:4px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:12px;
  background:rgba(255,255,255,.028);
  text-align:center;
}
.bzc-sched__name{ color:#e7eaf0; font-size:.94rem; font-weight:700; }
.bzc-sched__win{ color:var(--bzc-muted); font-size:.83rem; }
.bzc-sched__tag{ color:#727c8c; font-size:.65rem; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.bzc-sched--live{ border-color:rgba(216,171,74,.38); background:rgba(216,171,74,.055); }
.bzc-sched--live .bzc-sched__tag{ color:var(--bzc-gold-hi); }
.bzc-sched--final,
.bzc-sched--done{ opacity:.6; }

/* substitution / squad-change marker between stages */
.bzc-swap{
  flex:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  color:var(--bzc-muted);
}
.bzc-swap__svg{ width:19px; height:19px; color:var(--bzc-gold); opacity:.9; }
.bzc-swap__txt{ font-size:.66rem; font-weight:650; color:var(--bzc-muted); white-space:nowrap; }
.bzc-sched-legend{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:12px auto 0;
  max-width:680px;
  color:var(--bzc-muted);
  font-size:.8rem;
  line-height:1.4;
}
.bzc-sched-legend .bzc-swap__svg{ width:16px; height:16px; flex:none; }
.bzc-hint{ margin:0; color:#737d8d; font-size:.76rem; text-align:center; }
.bzc-below{
  flex:none;
  max-width:none;
  margin:8px auto 0;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.055);
  text-align:center;
}
.bzc-below__foot{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:4px 12px;
  margin-top:12px;
}
.bzc-below__foot .bzc-rules-link{ margin-top:0; font-size:.8rem; }
.bzc-legend{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--bzc-muted);
  font-size:.8rem;
}
.bzc-legend .bzc-swap__svg{ width:16px; height:16px; flex:none; opacity:.9; }
.bzc-foot-dot{ color:var(--bzc-muted-2); }

/* Desktop: bracket fills the viewport height; schedule stays a compact bottom row.
   The page gets a DEFINITE height so the flex chain resolves `height:100%`
   on the bracket (with only min-height the percentage falls back to content). */
@media (min-width:761px){
  .bzc-page{ display:flex; flex-direction:column; height:calc(100vh - 56px); }
  .bzc-bracket-scroll{ flex:1 1 auto; min-height:0; }
  .bzc-bracket{ height:100%; }
  .bzc-round__body{ padding-block:2px; }
}

/* ════════════════════════════════════════════════════════════════════════
   Matchup and rules shared shell
   ════════════════════════════════════════════════════════════════════════ */
.bzm-page,.bzr-page{
  --bzc-gold:#d8ab4a;
  --bzc-gold-hi:#f1d58d;
  --bzc-gold-deep:#9d7228;
  --bzc-line:rgba(216,171,74,.34);
  --bzc-line-strong:rgba(241,213,141,.6);
  --bzc-slot-border:rgba(255,255,255,.09);
  --bzc-ink:#f2f4f7;
  --bzc-muted:#8d97a6;
  --bzm-pos:#65ddb0;
  --bzm-neg:#ff7e84;

  width:100%;
  min-height:calc(100vh - 56px);
  padding:24px 18px 72px;
  color:var(--bzc-ink);
  font-family:var(--font-sans,Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);
  background:
    radial-gradient(920px 520px at 50% 15%,rgba(178,133,44,.075),transparent 62%),
    linear-gradient(180deg,#07090e 0%,#090d14 48%,#070a11 100%);
}
.bzm-shell{ width:min(1480px,100%); margin:0 auto; }
.bzr-shell{ width:min(880px,100%); margin:0 auto; }

/* ── Match top/navigation ─────────────────────────────────────────────── */
.bzm-top{
  min-height:32px;
  margin-bottom:18px;
  display:flex;
  align-items:center;
  gap:10px;
}
.bzm-back{
  display:inline-flex;
  align-items:center;
  height:30px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:8px;
  color:#d9dde4;
  background:rgba(255,255,255,.018);
  font-size:.76rem;
  font-weight:700;
  text-decoration:none;
  transition:border-color .15s,color .15s,background .15s;
}
.bzm-back:hover{ color:var(--bzc-gold-hi); border-color:rgba(216,171,74,.3); background:rgba(216,171,74,.04); }
.bzm-round{ color:#818b9b; font-size:.66rem; font-weight:750; letter-spacing:.15em; text-transform:uppercase; }
.bzm-preview{
  margin-left:auto;
  padding:3px 9px;
  border:1px solid rgba(216,171,74,.3);
  border-radius:999px;
  color:var(--bzc-gold-hi);
  background:rgba(216,171,74,.07);
  font-size:.58rem;
  font-weight:750;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.bzm-hero{
  margin:0 0 16px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
}
.bzm-hero__lockup{ display:flex; align-items:center; gap:11px; min-width:0; }
.bzm-hero__mark{
  width:38px;
  height:38px;
  flex:none;
  display:grid;
  place-items:center;
  border:1px solid rgba(216,171,74,.2);
  border-radius:11px;
  background:rgba(216,171,74,.055);
}
.bzm-hero__mark img{ width:27px; height:27px; object-fit:contain; }
.bzm-hero__kicker{
  display:block;
  margin-bottom:3px;
  color:var(--bzc-gold);
  font-size:.61rem;
  font-weight:760;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.bzm-hero__title{
  margin:0;
  color:#f5f2eb;
  font-size:clamp(1.35rem,2.4vw,2rem);
  font-weight:790;
  letter-spacing:-.035em;
  line-height:1.05;
}
.bzm-hero__pair{
  min-width:0;
  overflow:hidden;
  color:#aab2bf;
  font-size:.76rem;
  font-weight:650;
  text-align:right;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.bzm-hero__pair span{ margin:0 5px; color:#697383; font-size:.66rem; letter-spacing:.08em; text-transform:uppercase; }

/* ── Status rail ──────────────────────────────────────────────────────── */
.bzm-status{
  position:relative;
  max-width:none;
  margin:0 0 14px;
  padding:10px 14px 10px 35px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:10px;
  color:#b7bec9;
  background:rgba(255,255,255,.018);
  font-size:.78rem;
  line-height:1.45;
  text-align:left;
}
.bzm-status::before{
  content:"";
  position:absolute;
  left:15px; top:50%;
  width:7px; height:7px;
  border-radius:50%;
  background:#778190;
  box-shadow:0 0 0 4px rgba(119,129,144,.09);
  transform:translateY(-50%);
}
.bzm-status--upcoming::before{ background:var(--bzc-gold); box-shadow:0 0 0 4px rgba(216,171,74,.10); }
.bzm-status--live{ border-color:rgba(216,171,74,.28); background:rgba(216,171,74,.045); }
.bzm-status--live::before{ background:#e1b553; box-shadow:0 0 0 4px rgba(216,171,74,.12); }
.bzm-status--final{ border-color:rgba(101,221,176,.24); background:rgba(101,221,176,.035); }
.bzm-status--final::before{ background:var(--bzm-pos); box-shadow:0 0 0 4px rgba(101,221,176,.10); }
.bzm-status strong{ color:#ece4d1; }

/* ── Unified matchup card ─────────────────────────────────────────────── */
.bzm-match-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(216,171,74,.19);
  border-radius:18px;
  background:
    radial-gradient(620px 280px at 50% -8%,rgba(216,171,74,.11),transparent 70%),
    radial-gradient(560px 230px at 18% 0%,rgba(216,171,74,.06),transparent 70%),
    radial-gradient(560px 230px at 82% 0%,rgba(216,171,74,.06),transparent 70%),
    linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.009)),
    #090d14;
  box-shadow:0 28px 80px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.03);
}
.bzm-match-card::before{
  content:"";
  position:absolute;
  inset:10px;
  pointer-events:none;
  border:1px solid rgba(216,171,74,.16);
  border-radius:13px;
}
.bzm-match-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.28),transparent 13%,transparent 87%,rgba(0,0,0,.28)),
    radial-gradient(680px 260px at 50% 47%,rgba(216,171,74,.065),transparent 72%);
}
.bzm-match-card__rail{
  position:relative;
  z-index:1;
  min-height:42px;
  padding:0 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-bottom:1px solid rgba(216,171,74,.16);
  color:#91866d;
  background:linear-gradient(90deg,rgba(216,171,74,.055),rgba(255,255,255,.008),rgba(216,171,74,.055));
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.bzm-match-card__rail strong{ color:#dfc27f; font-weight:800; }
.bzm-arena{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) 128px minmax(0,1fr);
  align-items:stretch;
}
.bzm-author{
  --portrait-w:clamp(210px,17vw,270px);
  position:relative;
  min-width:0;
  padding:28px 28px 24px;
  background:transparent;
}
.bzm-author--a{
  background:linear-gradient(90deg,rgba(216,171,74,.035),transparent 72%);
}
.bzm-author--b{
  background:linear-gradient(270deg,rgba(216,171,74,.035),transparent 72%);
}
.bzm-author.is-leader::before{
  content:"";
  position:absolute;
  top:0; left:24px; right:24px;
  height:2px;
  border-radius:0 0 4px 4px;
  background:linear-gradient(90deg,transparent,var(--bzc-gold),transparent);
}
.bzm-author.is-leader::after{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:155px;
  pointer-events:none;
  background:radial-gradient(250px 120px at 50% 0%,rgba(216,171,74,.065),transparent 74%);
}
.bzm-author > *{ position:relative; z-index:1; }
.bzm-author__hero{
  min-height:300px;
  margin-bottom:16px;
  display:grid;
  grid-template-columns:var(--portrait-w) minmax(0,1fr);
  align-items:center;
  gap:20px;
}
.bzm-author--b .bzm-author__hero{
  grid-template-columns:minmax(0,1fr) var(--portrait-w);
}
.bzm-author--b .bzm-portrait{ order:2; }
.bzm-author--b .bzm-author__summary{ order:1; }
.bzm-author__summary{ min-width:0; }
.bzm-author__head{ display:flex; align-items:center; gap:10px; min-width:0; }
.bzm-rank{
  flex:none;
  color:#707a89;
  font-size:.54rem;
  font-weight:650;
  font-variant-numeric:tabular-nums;
  line-height:1.15;
  white-space:nowrap;
}
.bzm-avatar{
  width:42px;
  height:42px;
  flex:none;
  overflow:hidden;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.13);
  border-radius:50%;
  background:#121821;
  box-shadow:0 7px 16px rgba(0,0,0,.24);
}
.bzm-avatar img{ width:100%; height:100%; object-fit:cover; }
.bzm-avatar__txt{ color:#fff; font-size:1rem; font-weight:800; }
.bzm-portrait{
  position:relative;
  width:var(--portrait-w);
  aspect-ratio:.88;
  flex:none;
  overflow:hidden;
  display:grid;
  place-items:center;
  border:1px solid rgba(216,171,74,.33);
  border-radius:18px;
  color:#f7efe2;
  background:
    radial-gradient(circle at 50% 35%,rgba(216,171,74,.18),transparent 58%),
    linear-gradient(145deg,#141923,#07090d 64%,#2d210f);
  box-shadow:0 22px 48px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.04);
  isolation:isolate;
  text-decoration:none;
}
.bzm-portrait::before{
  content:"";
  position:absolute;
  inset:9px;
  z-index:2;
  pointer-events:none;
  border:1px solid rgba(241,213,141,.18);
  border-radius:12px;
}
.bzm-portrait::after{
  content:"";
  position:absolute;
  inset:auto 11% 7% 11%;
  z-index:1;
  height:16%;
  border-radius:50%;
  background:rgba(0,0,0,.48);
  filter:blur(13px);
}
.bzm-portrait__img{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  transform:scale(1.01);
  transition:transform .18s ease,filter .18s ease;
}
.bzm-author--a .bzm-portrait__img{ object-position:50% 42%; }
.bzm-author--b .bzm-portrait__img{ object-position:50% 44%; }
.bzm-portrait:hover .bzm-portrait__img{
  transform:scale(1.035);
  filter:saturate(1.08) contrast(1.04);
}
.bzm-portrait__img--source{
  padding:22%;
  object-fit:contain;
  border-radius:inherit;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.08),transparent 45%),
    linear-gradient(145deg,#151a22,#080b10);
  filter:saturate(1.06) contrast(1.08);
}
.bzm-portrait__txt{
  position:relative;
  z-index:2;
  max-width:78%;
  color:#f2d28a;
  font-size:clamp(1.45rem,2vw,2.3rem);
  font-weight:850;
  line-height:1.05;
  text-align:center;
  overflow-wrap:anywhere;
  text-shadow:0 10px 22px rgba(0,0,0,.58);
}
.bzm-author__id{ min-width:0; }
.bzm-author__line{
  min-width:0;
  max-width:100%;
  display:flex;
  align-items:baseline;
  gap:6px;
  white-space:nowrap;
}
.bzm-author__name{
  display:block;
  flex:0 1 auto;
  min-width:0;
  overflow:hidden;
  color:#f0f2f6;
  font-size:1.02rem;
  font-weight:760;
  letter-spacing:-.015em;
  text-decoration:none;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.bzm-author__name:hover{ color:var(--bzc-gold-hi); }
.bzm-author__role{
  margin-top:3px;
  overflow:hidden;
  color:#7f8998;
  font-size:.69rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.bzm-score{
  margin:18px 0 8px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
}
.bzm-score__cap{
  order:-1;
  color:#7f8998;
  font-size:.62rem;
  font-weight:720;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.bzm-score .bzm-ret{
  color:#eef2f5;
  font-size:clamp(2.1rem,3.55vw,3rem);
  font-weight:790;
  letter-spacing:-.055em;
  line-height:1;
}
.bzm-score .bzm-ret--pos{ color:var(--bzm-pos); }
.bzm-score .bzm-ret--neg{ color:var(--bzm-neg); }
.bzm-author__meta{
  min-height:24px;
  margin-bottom:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px 10px;
  color:#8791a0;
  font-size:.69rem;
}
.bzm-author__meta > span:not(.bzm-tag):not(:last-child)::after{
  content:"";
  display:inline-block;
  width:2px; height:2px;
  margin-left:10px;
  border-radius:50%;
  background:#4d5664;
  vertical-align:middle;
}
.bzm-tag{
  min-height:21px;
  padding:0 8px;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(216,171,74,.28);
  border-radius:999px;
  color:#e8cf91;
  background:rgba(216,171,74,.075);
  font-size:.57rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.bzm-tag--win{ border-color:rgba(101,221,176,.28); color:#9ae8cb; background:rgba(101,221,176,.07); }

/* positions table */
.bzm-pos{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid rgba(216,171,74,.14);
}
.bzm-pos__head,
.bzm-pos__row{
  display:grid;
  grid-template-columns:minmax(68px,1fr) 66px 54px 78px;
  align-items:center;
  gap:10px;
}
.bzm-pos__head{
  min-height:32px;
  color:#606a79;
  font-size:.55rem;
  font-weight:760;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.bzm-pos__head span:nth-child(3),
.bzm-pos__head span:nth-child(4){ text-align:right; }
.bzm-pos__row{
  min-height:38px;
  border-top:1px solid rgba(255,255,255,.04);
  transition:background .14s ease;
}
.bzm-pos__row:hover{ background:rgba(255,255,255,.016); }
.bzm-pos__sym{
  min-width:0;
  overflow:hidden;
  color:#edf0f4;
  font-size:.79rem;
  font-weight:760;
  text-decoration:none;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.bzm-pos__sym:hover{ color:var(--bzc-gold-hi); }
.bzm-pos__men{
  margin:0;
  color:#798392;
  font-size:.67rem;
  font-variant-numeric:tabular-nums;
  text-align:right;
}
.bzm-pos__empty{ padding:16px 0; color:var(--bzc-muted); font-size:.78rem; }
.bzm-dir{
  width:max-content;
  min-width:42px;
  min-height:20px;
  padding:0 7px;
  display:inline-grid;
  place-items:center;
  border:1px solid transparent;
  border-radius:6px;
  font-size:.55rem;
  font-weight:800;
  letter-spacing:.05em;
}
.bzm-dir--long{ border-color:rgba(101,221,176,.22); color:#8de4c4; background:rgba(101,221,176,.075); }
.bzm-dir--short{ border-color:rgba(255,126,132,.24); color:#ff9ca1; background:rgba(255,126,132,.075); }
.bzm-dir--watch{ border-color:rgba(96,165,250,.23); color:#91bdf7; background:rgba(96,165,250,.075); }
.bzm-dir--avoid{ border-color:rgba(251,191,36,.22); color:#e7c873; background:rgba(251,191,36,.07); }
.bzm-dir--neutral{ border-color:rgba(255,255,255,.09); color:#bdc4ce; background:rgba(255,255,255,.045); }
.bzm-ret{
  min-width:0;
  color:#dce1e7;
  font-size:.76rem;
  font-weight:760;
  font-variant-numeric:tabular-nums;
  text-align:right;
}
.bzm-ret--pos{ color:var(--bzm-pos); }
.bzm-ret--neg{ color:var(--bzm-neg); }
.bzm-ret--flat,.bzm-ret--na{ color:#737d8c; }

/* VS divider */
.bzm-vs{
  position:relative;
  min-width:0;
  padding:92px 10px 20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}
.bzm-vs::before{
  content:"";
  position:absolute;
  top:0; bottom:0; left:50%;
  width:1px;
  background:linear-gradient(180deg,rgba(216,171,74,.04),rgba(216,171,74,.23) 18%,rgba(216,171,74,.16) 82%,rgba(216,171,74,.03));
  transform:translateX(-50%);
}
.bzm-vs__txt{
  position:relative;
  z-index:1;
  width:68px;
  height:68px;
  display:grid;
  place-items:center;
  border:1px solid rgba(216,171,74,.48);
  border-radius:50%;
  color:#f3d58d;
  background:
    radial-gradient(circle at 50% 44%,rgba(216,171,74,.18),transparent 62%),
    #0d121a;
  box-shadow:0 18px 38px rgba(0,0,0,.5),0 0 0 8px #090d14,0 0 34px rgba(216,171,74,.13);
  font-size:1rem;
  font-weight:850;
  letter-spacing:.09em;
}
.bzm-vs__verdict{
  position:relative;
  z-index:1;
  width:96px;
  padding:8px 6px;
  border:1px solid rgba(216,171,74,.18);
  border-radius:9px;
  color:#8f98a6;
  background:#0b1017;
  font-size:.58rem;
  font-weight:650;
  line-height:1.35;
  text-align:center;
}
.bzm-vs__verdict strong{ display:block; margin-top:2px; color:#ddc681; font-size:.64rem; font-weight:760; overflow-wrap:anywhere; }

.bzm-note{
  max-width:820px;
  margin:18px auto 0;
  color:#7f8998;
  font-size:.74rem;
  line-height:1.55;
  text-align:center;
}
.bzm-note strong{ color:#b8c0cb; }
.bzm-note a{ color:#c9a24e; text-decoration:none; }
.bzm-note a:hover{ color:var(--bzc-gold-hi); }

/* ── Fight-card pass: ornate frame + illustrated tournament surface ─────── */
.bzm-page{
  background:
    radial-gradient(780px 520px at 50% 34%,rgba(197,95,30,.13),transparent 67%),
    radial-gradient(920px 420px at 16% 48%,rgba(216,171,74,.08),transparent 72%),
    radial-gradient(920px 420px at 84% 48%,rgba(216,171,74,.08),transparent 72%),
    linear-gradient(180deg,#05070b 0%,#080b11 45%,#05070a 100%);
}
.bzm-match-card{
  border-color:rgba(216,171,74,.38);
  border-radius:10px;
  background:
    radial-gradient(420px 520px at 50% 43%,rgba(211,105,35,.16),transparent 70%),
    radial-gradient(860px 360px at 18% 8%,rgba(216,171,74,.11),transparent 75%),
    radial-gradient(860px 360px at 82% 8%,rgba(216,171,74,.11),transparent 75%),
    linear-gradient(90deg,rgba(0,0,0,.42),transparent 18%,transparent 82%,rgba(0,0,0,.42)),
    linear-gradient(180deg,rgba(255,255,255,.036),rgba(255,255,255,.01)),
    #080b10;
  box-shadow:
    0 30px 90px rgba(0,0,0,.58),
    inset 0 0 0 1px rgba(255,255,255,.035),
    inset 0 0 38px rgba(216,171,74,.035);
}
.bzm-match-card::before{
  inset:9px;
  border-color:rgba(216,171,74,.23);
  border-radius:6px;
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.58),
    inset 0 0 28px rgba(216,171,74,.035);
}
.bzm-match-card::after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.5),transparent 14%,transparent 86%,rgba(0,0,0,.5)),
    linear-gradient(180deg,rgba(216,171,74,.08),transparent 22%,transparent 78%,rgba(216,171,74,.07)),
    radial-gradient(2px 2px at 18% 30%,rgba(242,153,64,.85),transparent),
    radial-gradient(2px 2px at 55% 18%,rgba(242,153,64,.65),transparent),
    radial-gradient(1px 1px at 79% 43%,rgba(242,153,64,.75),transparent),
    radial-gradient(720px 280px at 50% 50%,rgba(214,98,26,.09),transparent 72%);
}
.bzm-card-dragon{
  position:absolute;
  z-index:3;
  top:7px;
  width:144px;
  height:auto;
  object-fit:contain;
  pointer-events:none;
  opacity:.92;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.72)) drop-shadow(0 0 8px rgba(216,171,74,.18));
}
.bzm-card-dragon--left{ left:18px; }
.bzm-card-dragon--right{ right:18px; }
.bzm-match-card__rail{
  min-height:44px;
  padding:0 24px;
  border-bottom-color:rgba(216,171,74,.34);
  background:
    linear-gradient(90deg,rgba(0,0,0,.64),rgba(216,171,74,.12) 18%,rgba(255,255,255,.018) 50%,rgba(216,171,74,.12) 82%,rgba(0,0,0,.64)),
    #10100e;
  box-shadow:inset 0 -1px rgba(0,0,0,.7), inset 0 1px rgba(241,213,141,.17);
}
.bzm-match-card__rail strong,
.bzm-match-card__rail span{
  position:relative;
  z-index:4;
}
.bzm-match-card__rail strong{
  color:#f0cb76;
  text-shadow:0 1px 0 #000,0 0 14px rgba(216,171,74,.18);
}
.bzm-arena{
  grid-template-columns:minmax(0,1fr) 122px minmax(0,1fr);
  min-height:620px;
}
.bzm-author{
  --portrait-w:clamp(232px,18vw,292px);
  padding:34px 28px 28px;
}
.bzm-author--a{
  background:
    linear-gradient(90deg,rgba(216,171,74,.055),transparent 48%),
    radial-gradient(460px 320px at 0% 24%,rgba(216,171,74,.085),transparent 72%);
}
.bzm-author--b{
  background:
    linear-gradient(270deg,rgba(216,171,74,.055),transparent 48%),
    radial-gradient(460px 320px at 100% 24%,rgba(216,171,74,.085),transparent 72%);
}
.bzm-author::before{
  content:"";
  position:absolute;
  inset:16px;
  pointer-events:none;
  border:1px solid rgba(216,171,74,.12);
  background:
    linear-gradient(90deg,rgba(216,171,74,.12),transparent 18%,transparent 82%,rgba(216,171,74,.12)) top/100% 1px no-repeat,
    linear-gradient(90deg,rgba(216,171,74,.12),transparent 18%,transparent 82%,rgba(216,171,74,.12)) bottom/100% 1px no-repeat;
  opacity:.8;
}
.bzm-author.is-leader::before{
  top:16px;
  left:16px;
  right:16px;
  height:auto;
  border-radius:0;
  background:
    linear-gradient(90deg,rgba(216,171,74,.28),transparent 22%,transparent 78%,rgba(216,171,74,.28)) top/100% 1px no-repeat,
    linear-gradient(90deg,rgba(216,171,74,.18),transparent 22%,transparent 78%,rgba(216,171,74,.18)) bottom/100% 1px no-repeat,
    radial-gradient(460px 150px at 50% 0%,rgba(216,171,74,.08),transparent 74%);
}
.bzm-author__hero{
  min-height:328px;
  margin:0 0 22px;
  gap:22px;
}
.bzm-author__summary{
  padding:14px 0;
}
.bzm-portrait{
  aspect-ratio:.88;
  border-color:rgba(216,171,74,.58);
  border-radius:7px;
  background:
    radial-gradient(circle at 50% 38%,rgba(216,171,74,.22),transparent 56%),
    linear-gradient(145deg,#10151d,#05070a 66%,#33220d);
  box-shadow:
    0 26px 54px rgba(0,0,0,.62),
    0 0 0 7px rgba(0,0,0,.32),
    inset 0 0 0 1px rgba(241,213,141,.17),
    inset 0 0 26px rgba(0,0,0,.45);
}
.bzm-portrait::before{
  inset:9px;
  border-color:rgba(241,213,141,.35);
  border-radius:4px;
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.64),
    0 0 22px rgba(216,171,74,.08);
}
.bzm-portrait::after{
  inset:auto 6% 4% 6%;
  height:20%;
  background:rgba(0,0,0,.66);
  filter:blur(15px);
}
.bzm-author--a .bzm-portrait::before{
  background:
    linear-gradient(135deg,rgba(241,213,141,.28),transparent 18%) top left/58px 58px no-repeat,
    linear-gradient(315deg,rgba(241,213,141,.2),transparent 18%) bottom right/58px 58px no-repeat;
}
.bzm-author--b .bzm-portrait::before{
  background:
    linear-gradient(225deg,rgba(241,213,141,.28),transparent 18%) top right/58px 58px no-repeat,
    linear-gradient(45deg,rgba(241,213,141,.2),transparent 18%) bottom left/58px 58px no-repeat;
}
.bzm-author__head{
  gap:12px;
}
.bzm-avatar{
  width:46px;
  height:46px;
  border-color:rgba(241,213,141,.24);
  box-shadow:0 8px 18px rgba(0,0,0,.34),0 0 0 2px rgba(0,0,0,.35);
}
.bzm-author__name{
  font-size:1.18rem;
  text-shadow:0 1px 0 #000,0 0 12px rgba(255,255,255,.08);
}
.bzm-rank{
  color:#8d92a0;
  font-size:.56rem;
}
.bzm-score{
  margin:28px 0 8px;
}
.bzm-score__cap{
  color:#b09a6b;
  letter-spacing:.18em;
}
.bzm-score .bzm-ret{
  font-size:clamp(2.35rem,3.65vw,3.45rem);
  text-shadow:0 0 18px rgba(101,221,176,.11),0 2px 0 rgba(0,0,0,.32);
}
.bzm-pos{
  padding:10px 0 2px;
  border:1px solid rgba(216,171,74,.16);
  border-left:0;
  border-right:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.2),rgba(255,255,255,.008)),
    radial-gradient(420px 120px at 50% 0%,rgba(216,171,74,.045),transparent 72%);
}
.bzm-pos__head,
.bzm-pos__row{
  grid-template-columns:minmax(72px,1fr) 72px 62px 82px;
}
.bzm-pos__row{
  min-height:36px;
}
.bzm-vs{
  padding:78px 0 28px;
  overflow:visible;
}
.bzm-vs::before{
  background:linear-gradient(180deg,rgba(216,171,74,.04),rgba(216,171,74,.36) 18%,rgba(216,171,74,.18) 82%,rgba(216,171,74,.04));
  box-shadow:0 0 26px rgba(214,98,26,.16);
}
.bzm-vs__txt{
  width:122px;
  height:196px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}
.bzm-vs__txt img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 18px 38px rgba(0,0,0,.66)) drop-shadow(0 0 18px rgba(216,171,74,.18));
}
.bzm-note{
  position:relative;
  max-width:1100px;
  min-height:54px;
  margin:14px auto 0;
  padding:11px 58px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid rgba(216,171,74,.22);
  border-radius:999px;
  color:#b9ac91;
  background:
    linear-gradient(90deg,rgba(0,0,0,.84),rgba(216,171,74,.11) 12%,rgba(255,255,255,.025) 50%,rgba(216,171,74,.11) 88%,rgba(0,0,0,.84)),
    #0b0b09;
  box-shadow:0 14px 34px rgba(0,0,0,.38),inset 0 1px rgba(241,213,141,.12);
}
.bzm-note__seal{
  width:31px;
  height:31px;
  flex:none;
  border:1px solid rgba(216,171,74,.46);
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%,rgba(216,171,74,.22),transparent 56%),
    url("../buzzberg-cup/bee.png") center/19px 19px no-repeat,
    #10100d;
  box-shadow:0 0 0 4px rgba(0,0,0,.34);
}

/* ── Handoff art-plate implementation (1480 x 902) ───────────────────── */
.bzm-handoff-fit{
  --bzm-stage-scale:1;
  position:relative;
  width:100%;
  max-width:1480px;
  height:902px;
  margin:0 auto;
  overflow:hidden;
  background:#000;
  box-shadow:0 28px 90px rgba(0,0,0,.56);
}
.bzm-handoff-stage{
  position:absolute;
  left:0;
  top:0;
  width:1480px;
  height:902px;
  overflow:hidden;
  color:#f7f7f2;
  font-family:var(--font-sans,Inter,system-ui,sans-serif);
  background:#000;
  transform:scale(var(--bzm-stage-scale));
  transform-origin:top left;
}
.bzm-handoff-bg{
  position:absolute;
  left:0;
  top:0;
  width:1480px;
  height:902px;
  display:block;
  user-select:none;
  -webkit-user-drag:none;
}
.bzm-stage-score{
  position:absolute;
  height:80px;
  background:#0a0b0a;
}
.bzm-stage-score--left{
  left:298px;
  top:384px;
  width:286px;
}
.bzm-stage-score--right{
  left:884px;
  top:384px;
  width:200px;
}
.bzm-stage-score__num{
  position:absolute;
  top:1px;
  font-size:60px;
  font-weight:800;
  line-height:1;
  letter-spacing:-1.5px;
  text-shadow:0 0 22px rgba(70,210,150,.42);
  white-space:nowrap;
}
.bzm-stage-score--left .bzm-stage-score__num{ left:2px; }
.bzm-stage-score--right .bzm-stage-score__num{ left:4px; }
.bzm-stage-score__record{
  position:absolute;
  top:63px;
  color:#8b918d;
  font-size:14px;
  font-weight:400;
  letter-spacing:.01em;
  line-height:1;
  white-space:nowrap;
}
.bzm-stage-score--left .bzm-stage-score__record{ left:4px; }
.bzm-stage-score--right .bzm-stage-score__record{ left:6px; }
.bzm-stage-table{
  position:absolute;
  top:489px;
  height:262px;
  display:flex;
  flex-direction:column;
  background:#0a0b0a;
}
.bzm-stage-table--left{
  left:120px;
  width:488px;
}
.bzm-stage-table--right{
  left:884px;
  width:482px;
}
.bzm-stage-row{
  position:relative;
  flex:0 0 26.2px;
  border-top:1px solid rgba(255,255,255,.035);
}
.bzm-stage-row__ticker,
.bzm-stage-row__side,
.bzm-stage-row__calls,
.bzm-stage-row__ret{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
}
.bzm-stage-row__ticker{
  color:#f7f7f2;
  font-size:15px;
  font-weight:700;
  letter-spacing:.01em;
  line-height:1;
  text-decoration:none;
}
.bzm-stage-row__ticker:hover{ color:#f1d58d; }
.bzm-stage-table--left .bzm-stage-row__ticker{ left:10px; }
.bzm-stage-table--right .bzm-stage-row__ticker{ left:14px; }
.bzm-stage-row__side{
  width:100px;
  text-align:center;
}
.bzm-stage-table--left .bzm-stage-row__side{ left:165px; }
.bzm-stage-table--right .bzm-stage-row__side{ left:156px; }
.bzm-stage-pill{
  display:inline-block;
  padding:2px 9px;
  border:1px solid rgba(95,200,150,.45);
  border-radius:4px;
  color:#74cda3;
  background:rgba(95,200,150,.07);
  font-size:10px;
  font-weight:600;
  letter-spacing:.09em;
  line-height:1.2;
}
.bzm-stage-pill--short{
  border-color:rgba(248,81,73,.45);
  color:#f08a85;
  background:rgba(248,81,73,.07);
}
.bzm-stage-pill--watch,
.bzm-stage-pill--neutral,
.bzm-stage-pill--avoid{
  border-color:rgba(255,255,255,.18);
  color:#c5c9c3;
  background:rgba(255,255,255,.05);
}
.bzm-stage-row__calls{
  color:#8a8f8c;
  font-family:var(--font-mono,"JetBrains Mono",monospace);
  font-size:13px;
  font-weight:500;
  line-height:1;
  white-space:nowrap;
}
.bzm-stage-table--left .bzm-stage-row__calls{ right:136px; }
.bzm-stage-table--right .bzm-stage-row__calls{ right:138px; }
.bzm-stage-row__ret{
  right:8px;
  font-family:var(--font-mono,"JetBrains Mono",monospace);
  font-size:14px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
}
.bzm-stage-ret--pos{ color:#5be0a4; }
.bzm-stage-ret--neg{ color:#f85150; }
.bzm-stage-ret--na{ color:#62665f; }

/* Default matchup reset. The handoff alternate keeps its own bzm-handoff-* classes. */
.bzm-shell{ width:min(1120px,100%); margin:0 auto; }
.bzm-shell--handoff{ width:min(1480px,100%); }
.bzm-page{
  background:
    radial-gradient(920px 520px at 50% 15%,rgba(178,133,44,.075),transparent 62%),
    linear-gradient(180deg,#07090e 0%,#090d14 48%,#070a11 100%);
}
.bzm-match-card{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.085);
  border-radius:22px;
  background:
    radial-gradient(560px 230px at 20% 0%,rgba(216,171,74,.05),transparent 70%),
    linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.009)),
    #090d14;
  box-shadow:0 24px 65px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.025);
}
.bzm-match-card::before,
.bzm-match-card::after{ content:none; }
.bzm-match-card__rail{
  min-height:42px;
  padding:0 22px;
  border-bottom:1px solid rgba(255,255,255,.065);
  color:#7f8998;
  background:rgba(255,255,255,.012);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}
.bzm-match-card__rail strong{ color:#b9c0cb; font-weight:750; text-shadow:none; }
.bzm-arena{
  display:grid;
  grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);
  align-items:stretch;
  min-height:0;
}
.bzm-author{
  min-width:0;
  padding:24px 26px 22px;
  background:transparent;
}
.bzm-author--a,
.bzm-author--b{ background:transparent; }
.bzm-author:not(.is-leader)::before{ content:none; }
.bzm-author.is-leader::before{
  content:"";
  position:absolute;
  top:0;
  left:24px;
  right:24px;
  height:2px;
  border:0;
  border-radius:0 0 4px 4px;
  background:linear-gradient(90deg,transparent,var(--bzc-gold),transparent);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}
.bzm-author.is-leader::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:155px;
  pointer-events:none;
  background:radial-gradient(250px 120px at 50% 0%,rgba(216,171,74,.065),transparent 74%);
}
.bzm-author__head{ display:flex; align-items:center; gap:10px; min-width:0; }
.bzm-avatar{
  width:48px;
  height:48px;
  border-color:rgba(255,255,255,.13);
  box-shadow:0 7px 16px rgba(0,0,0,.24);
}
.bzm-author__name{ font-size:1.02rem; text-shadow:none; }
.bzm-rank{ color:#707a89; font-size:.54rem; }
.bzm-score{ margin:22px 0 9px; }
.bzm-score__cap{ color:#7f8998; letter-spacing:.12em; }
.bzm-score .bzm-ret{ font-size:clamp(2rem,3.4vw,2.65rem); text-shadow:none; }
.bzm-pos{
  padding:0;
  border:0;
  border-top:1px solid rgba(255,255,255,.065);
  background:transparent;
}
.bzm-pos__head,
.bzm-pos__row{ grid-template-columns:minmax(68px,1fr) 66px 54px 78px; }
.bzm-pos__row{ min-height:38px; }
.bzm-vs{
  min-height:0;
  padding:72px 10px 20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  overflow:visible;
}
.bzm-vs::before{
  top:0;
  bottom:0;
  left:50%;
  right:auto;
  width:1px;
  height:auto;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.11) 18%,rgba(255,255,255,.07) 82%,rgba(255,255,255,.02));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
  transform:translateX(-50%);
}
.bzm-vs__txt{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(216,171,74,.32);
  border-radius:50%;
  color:#e7cc89;
  background:#0d121a;
  box-shadow:0 10px 22px rgba(0,0,0,.34),0 0 0 6px #090d14;
  font-size:.7rem;
  font-weight:850;
  letter-spacing:.09em;
}
.bzm-note{
  max-width:820px;
  min-height:0;
  margin:18px auto 0;
  padding:0;
  display:block;
  border:0;
  border-radius:0;
  color:#7f8998;
  background:transparent;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
  font-size:.74rem;
  line-height:1.55;
  text-align:center;
}

/* coming soon */
.bzm-soon{ max-width:560px; margin:70px auto; text-align:center; }
.bzm-soon h1{ margin:0 0 10px; color:#f0f2f6; font-size:2rem; font-weight:780; letter-spacing:-.035em; }
.bzm-soon p{ color:var(--bzc-muted); line-height:1.55; }

/* ── Rules page ───────────────────────────────────────────────────────── */
.bzr-head{ margin:6px auto 28px; text-align:center; }
.bzr-kicker{ color:var(--bzc-gold); font-size:.7rem; font-weight:750; letter-spacing:.22em; text-transform:uppercase; }
.bzr-title{ margin:.35rem 0 .2rem; color:#f2f3f6; font-size:clamp(2rem,5vw,3rem); font-weight:790; letter-spacing:-.04em; }
.bzr-ver{ color:var(--bzc-muted); font-size:.74rem; letter-spacing:.09em; text-transform:uppercase; }
.bzr-sec{ margin:0 auto 22px; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.055); }
.bzr-sec h2{ margin:0 0 8px; color:var(--bzc-gold-hi); font-size:1.02rem; font-weight:760; }
.bzr-sec p,.bzr-sec ul{ color:#cbd1d9; line-height:1.65; }
.bzr-sec p{ margin:0 0 8px; }
.bzr-sec ul{ margin:6px 0 0; padding-left:20px; }
.bzr-sec li{ margin-bottom:5px; }
.bzr-sec a{ color:var(--bzc-gold); text-decoration:none; }
.bzr-table{ width:100%; margin-top:6px; border-collapse:collapse; font-size:.82rem; }
.bzr-table th{ padding:8px 10px; border-bottom:1px solid var(--bzc-slot-border); color:var(--bzc-muted); font-size:.66rem; font-weight:730; letter-spacing:.06em; text-align:left; text-transform:uppercase; }
.bzr-table td{ padding:9px 10px; border-bottom:1px solid rgba(255,255,255,.05); color:#dfe3e9; }
.bzr-row--live td{ background:rgba(216,171,74,.05); }
.bzr-row--final td{ opacity:.62; }
.bzr-row--opt td{ color:var(--bzc-muted); }
.bzr-opt{ margin-left:6px; padding:0 5px; border:1px solid var(--bzc-slot-border); border-radius:6px; color:var(--bzc-muted); font-size:.59rem; font-weight:720; letter-spacing:.05em; text-transform:uppercase; }
.bzr-fine{ margin-top:10px; color:var(--bzc-muted); font-size:.72rem; }

/* §2/§3 date subhead */
.bzr-date{ margin:0 0 11px; color:#eef1f5; font-size:1.02rem; font-weight:760; letter-spacing:.01em; }

/* §4 vertical schedule timeline */
.bzr-timeline{ list-style:none; margin:6px 0 0; padding:0; display:flex; flex-direction:column; gap:6px; }
.bzr-tl{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  padding:10px 14px; border-radius:10px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.025);
}
.bzr-tl__name{ display:inline-flex; align-items:center; gap:8px; color:#e7eaf0; font-size:.95rem; font-weight:700; }
.bzr-tl__date{ color:var(--bzc-muted); font-size:.86rem; font-variant-numeric:tabular-nums; }
.bzr-tl__note{ margin-left:auto; color:var(--bzc-muted); font-size:.82rem; }
.bzr-tl--swap{ padding:7px 14px; border-style:dashed; border-color:rgba(255,255,255,.15); background:transparent; }
.bzr-tl--swap .bzr-tl__name{ color:var(--bzc-muted); font-size:.85rem; font-weight:650; }
.bzr-tl--swap .bzc-swap__svg{ width:16px; height:16px; color:var(--bzc-gold); }
.bzr-tl--live{ border-color:rgba(216,171,74,.42); background:rgba(216,171,74,.06); }
.bzr-tl--final{ opacity:.6; }
@media (max-width:560px){
  .bzr-tl__note{ margin-left:0; width:100%; }
}

/* ── Responsive ───────────────────────────────────────────────────────── */
@media (max-width:1100px){
  .bzc-hero{ grid-template-columns:auto 1fr; }
  .bzc-hero__meta{ grid-column:2; justify-content:flex-start; }
  .bzc-tagline{ white-space:normal; }
  .bzm-arena{ grid-template-columns:minmax(0,1fr) 94px minmax(0,1fr); }
  .bzm-author{ padding-inline:20px; }
  .bzm-vs__txt{ width:58px; height:58px; font-size:.88rem; }
  .bzm-pos__head,.bzm-pos__row{ grid-template-columns:minmax(60px,1fr) 58px 48px 70px; gap:8px; }
}

@media (max-width:760px){
  .bzc-page{ --colgap:14px; --bracket-h:610px; padding:14px 10px 48px; }
  .bzc-hero{ grid-template-columns:auto minmax(0,1fr); margin-bottom:6px; }
  .bzc-hero__mark{ width:38px; height:38px; }
  .bzc-title{ font-size:1.55rem; }
  .bzc-title-row{ flex-wrap:wrap; gap:7px; }
  .bzc-date-range{ font-size:.66rem; letter-spacing:.06em; }
  .bzc-social-link{ width:23px; height:23px; }
  .bzc-hero__meta{ grid-column:1 / -1; padding-left:50px; }
  .bzc-round--r32{ width:142px; }
  .bzc-round--r16{ width:108px; }
  .bzc-round--qf{ width:96px; }
  .bzc-round--sf{ width:90px; }
  .bzc-center{ width:196px; min-width:196px; }
  .bzc-trophy{ height:clamp(280px,40vh,360px); }
  .bzc-match__cta{ opacity:1; }
  .bzc-name{ font-size:.71rem; }

  .bzm-page,.bzr-page{ padding:16px 10px 52px; }
  .bzm-hero{ align-items:flex-start; flex-direction:column; gap:10px; }
  .bzm-hero__pair{ max-width:100%; text-align:left; white-space:normal; }
  .bzm-match-card__rail{ min-height:46px; padding:8px 16px; align-items:flex-start; flex-direction:column; justify-content:center; gap:3px; }
  .bzm-arena{ grid-template-columns:1fr; }
  .bzm-author{ --portrait-w:96px; padding:22px 18px 20px; }
  .bzm-author__hero{ min-height:116px; grid-template-columns:var(--portrait-w) minmax(0,1fr); gap:14px; }
  .bzm-author--b .bzm-author__hero{ grid-template-columns:var(--portrait-w) minmax(0,1fr); }
  .bzm-author--b .bzm-portrait,
  .bzm-author--b .bzm-author__summary{ order:initial; }
  .bzm-portrait{ border-radius:18px; }
  .bzm-portrait::before{ inset:6px; border-radius:13px; }
  .bzm-score{ margin:12px 0 7px; }
  .bzm-score .bzm-ret{ font-size:2rem; }
  .bzm-vs{ min-height:76px; padding:17px 12px; flex-direction:row; justify-content:center; }
  .bzm-vs::before{ top:50%; bottom:auto; left:0; right:0; width:auto; height:1px; transform:none; }
  .bzm-vs__txt{ width:46px; height:46px; box-shadow:0 10px 22px rgba(0,0,0,.36),0 0 0 6px #090d14; font-size:.72rem; }
  .bzm-vs__verdict{ width:auto; max-width:190px; padding-inline:10px; }
  .bzm-pos__head,.bzm-pos__row{ grid-template-columns:minmax(68px,1fr) 60px 50px 72px; gap:8px; }
}

@media (max-width:440px){
  .bzc-tagline{ font-size:.68rem; }
  .bzm-author{ --portrait-w:82px; }
  .bzm-author__head{ gap:8px; }
  .bzm-author__line{ gap:5px; }
  .bzm-rank{ font-size:.52rem; }
  .bzm-avatar{ width:38px; height:38px; }
  .bzm-author__name{ font-size:.92rem; }
  .bzm-author__role{ font-size:.64rem; }
  .bzm-pos__head,.bzm-pos__row{ grid-template-columns:minmax(56px,1fr) 54px 42px 66px; gap:6px; }
  .bzm-dir{ min-width:38px; padding-inline:5px; }
}

/* Final fight-card responsive overrides. Keep this after legacy mobile rules. */
@media (max-width:1100px) and (min-width:761px){
  .bzm-arena{ grid-template-columns:minmax(0,1fr) 118px minmax(0,1fr); }
  .bzm-author{ --portrait-w:clamp(188px,18vw,238px); }
  .bzm-author__hero{ min-height:276px; gap:18px; }
  .bzm-vs__txt{ width:136px; height:216px; background:transparent; box-shadow:none; }
  .bzm-score .bzm-ret{ font-size:clamp(2.25rem,4vw,3.35rem); }
}

@media (max-width:760px){
  .bzm-match-card{ border-radius:12px; }
  .bzm-card-dragon{ width:80px; top:31px; opacity:.42; }
  .bzm-card-dragon--left{ left:6px; }
  .bzm-card-dragon--right{ right:6px; }
  .bzm-match-card__rail{ min-height:52px; padding:8px 18px; }
  .bzm-arena{ min-height:0; }
  .bzm-author{
    --portrait-w:112px;
    padding:22px 18px 20px;
  }
  .bzm-author::before{ inset:11px; }
  .bzm-author__hero{
    min-height:142px;
    grid-template-columns:var(--portrait-w) minmax(0,1fr);
    align-items:center;
    gap:14px;
  }
  .bzm-author--b .bzm-author__hero{
    grid-template-columns:var(--portrait-w) minmax(0,1fr);
  }
  .bzm-author--b .bzm-portrait,
  .bzm-author--b .bzm-author__summary{ order:initial; }
  .bzm-portrait{ border-radius:8px; box-shadow:0 14px 28px rgba(0,0,0,.48),0 0 0 5px rgba(0,0,0,.28); }
  .bzm-portrait::before{ inset:6px; border-radius:4px; }
  .bzm-score{ margin:13px 0 7px; }
  .bzm-score .bzm-ret{ font-size:2.05rem; }
  .bzm-vs{
    min-height:106px;
    padding:11px 12px;
    flex-direction:row;
    justify-content:center;
  }
  .bzm-vs::before{ top:50%; bottom:auto; left:0; right:0; width:auto; height:1px; transform:none; }
  .bzm-vs__txt{
    width:74px;
    height:92px;
    background:transparent;
    border:0;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
  }
  .bzm-vs__txt img{ object-fit:contain; }
  .bzm-note{
    min-height:0;
    padding:12px 14px;
    border-radius:14px;
    align-items:flex-start;
    text-align:left;
  }
  .bzm-note__seal{ display:none; }
}

@media (max-width:440px){
  .bzm-author{ --portrait-w:96px; }
  .bzm-author__name{ font-size:.98rem; }
  .bzm-score .bzm-ret{ font-size:1.88rem; }
}

/* Production default wins after experimental responsive blocks. */
@media (max-width:1100px){
  .bzm-arena{ grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr); }
  .bzm-author{ padding-inline:20px; }
  .bzm-vs__txt{ width:42px; height:42px; font-size:.7rem; background:#0d121a; box-shadow:0 10px 22px rgba(0,0,0,.34),0 0 0 6px #090d14; }
  .bzm-score .bzm-ret{ font-size:clamp(2rem,3.4vw,2.65rem); }
}

@media (max-width:760px){
  .bzm-shell{ width:min(1120px,100%); }
  .bzm-match-card{ border-radius:22px; }
  .bzm-match-card__rail{ min-height:46px; padding:8px 16px; align-items:flex-start; flex-direction:column; justify-content:center; gap:3px; }
  .bzm-arena{ grid-template-columns:1fr; min-height:0; }
  .bzm-author{ padding:22px 18px 20px; }
  .bzm-author::before{ inset:auto; }
  .bzm-author__head{ display:flex; gap:10px; }
  .bzm-score{ margin:22px 0 9px; }
  .bzm-score .bzm-ret{ font-size:2rem; }
  .bzm-vs{ min-height:76px; padding:17px 12px; flex-direction:row; justify-content:center; }
  .bzm-vs::before{ top:50%; bottom:auto; left:0; right:0; width:auto; height:1px; transform:none; }
  .bzm-vs__txt{ width:42px; height:42px; }
  .bzm-pos__head,.bzm-pos__row{ grid-template-columns:minmax(68px,1fr) 60px 50px 72px; gap:8px; }
  .bzm-note{ padding:0; border:0; border-radius:0; background:transparent; text-align:center; }
}

@media (max-width:440px){
  .bzm-author__name{ font-size:1.02rem; }
  .bzm-rank{ font-size:.52rem; }
  .bzm-avatar{ width:44px; height:44px; }
  .bzm-pos__head,.bzm-pos__row{ grid-template-columns:minmax(56px,1fr) 54px 42px 66px; gap:6px; }
}