/* 20261025ms1 — the match-stats board. The broadcast graphic: a widescreen blue panel, the
   two players big either side with their names across the bottom, the numbers in small blue
   boxes down the middle, the score up top under MATCH STATS. */
.ms-stage .c4-hero,.ms-stage .c4-faces,.ms-stage .c4-tt{display:none}
.ms-board{position:relative;margin:12px auto 18px;max-width:1180px;border-radius:14px;overflow:hidden;color:#fff;
  display:grid;grid-template-columns:1fr 300px 1fr;grid-template-rows:auto 1fr;
  background:
    radial-gradient(90% 70% at 50% 100%,#2d5bc0 0%,rgba(45,91,192,0) 60%),
    radial-gradient(120% 100% at 50% 0%,#2a4ea8 0%,#152d6b 45%,#0b1a45 100%);
  box-shadow:0 30px 80px rgba(0,0,0,.6),inset 0 0 0 1px rgba(140,180,255,.18)}
.ms-rays{position:absolute;inset:-20% -10%;pointer-events:none;opacity:.55;
  background:conic-gradient(from 180deg at 50% 0%,transparent 0 6deg,rgba(255,255,255,.07) 6deg 8deg,transparent 8deg 18deg,rgba(255,255,255,.05) 18deg 20deg,transparent 20deg 32deg,rgba(255,255,255,.06) 32deg 34deg,transparent 34deg 46deg,rgba(255,255,255,.05) 46deg 48deg,transparent 48deg 60deg,rgba(255,255,255,.06) 60deg 62deg,transparent 62deg)}
.ms-beam{position:absolute;top:-40px;width:140px;height:70%;pointer-events:none;filter:blur(18px);opacity:.55;
  background:linear-gradient(180deg,rgba(120,80,255,.9),rgba(255,80,160,.35) 50%,transparent)}
.ms-beam.l{left:18%;transform:rotate(22deg)}
.ms-beam.r{right:18%;transform:rotate(-22deg);background:linear-gradient(180deg,rgba(90,160,255,.9),rgba(255,80,160,.3) 50%,transparent)}
.ms-corner{position:absolute;top:18px;z-index:3;font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.75;max-width:30%;line-height:1.4}
.ms-corner.l{left:22px;text-align:left}
.ms-corner.r{right:22px;text-align:right}
.ms-brand{display:block;width:120px;height:40px;background:var(--tb-logoUrl,none) right center/contain no-repeat;opacity:.9}
.ms-head{grid-column:1/-1;position:relative;z-index:2;text-align:center;padding:22px 20px 0}
.ms-title{font:400 54px/1 var(--beb,'Bebas Neue','Arial Narrow',sans-serif);letter-spacing:.05em;text-shadow:0 4px 18px rgba(0,0,0,.45)}
.ms-round{font-size:12px;letter-spacing:.2em;text-transform:uppercase;opacity:.9;margin:0 0 10px}
.ms-score{display:inline-block;min-width:96px;padding:5px 16px;border-radius:5px;background:linear-gradient(180deg,#3f7ff2,#1f55c6);box-shadow:0 6px 18px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.3);
  font:400 32px/1 var(--beb,'Bebas Neue','Arial Narrow',sans-serif);letter-spacing:.08em}
.ms-score span{opacity:.7;margin:0 5px}
.ms-board.won .ms-score{background:linear-gradient(180deg,#2fbf77,#168a4f)}
.ms-board.lost .ms-score{background:linear-gradient(180deg,#e2503b,#a6301f)}
.ms-side{position:relative;z-index:1;min-height:0}
.ms-fig{position:absolute;left:50%;top:14px;bottom:26px;transform:translateX(-50%);width:min(96%,420px);display:grid;place-items:end center;filter:drop-shadow(0 18px 28px rgba(0,0,0,.6))}
.ms-side.l .ms-fig{left:auto;right:4%;transform:none}
.ms-side.r .ms-fig{left:4%;transform:none}
.ms-fig svg,.ms-fig img{width:100%;height:100%;object-fit:contain;object-position:bottom center}
.ms-fig.has-photo img{object-fit:contain;object-position:bottom center}
.ms-side.l .ms-fig.has-photo img{object-position:bottom right}
.ms-side.r .ms-fig.has-photo img{object-position:bottom left}
.ms-name{position:absolute;z-index:2;bottom:30px;left:26px;text-align:left;font:400 1px/1 var(--beb,'Bebas Neue','Arial Narrow',sans-serif)}
.ms-side.r .ms-name{left:auto;right:26px;text-align:right}
.ms-name small{display:block;font-size:34px;line-height:.95;letter-spacing:.04em;text-shadow:0 3px 14px rgba(0,0,0,.7),0 0 2px rgba(0,0,0,.6)}
.ms-name b{display:block;font-weight:400;font-size:66px;line-height:.95;letter-spacing:.02em;text-shadow:0 4px 18px rgba(0,0,0,.75),0 0 2px rgba(0,0,0,.6)}
.ms-flag{display:block;width:42px;height:28px;object-fit:cover;border-radius:3px;margin:10px 0 0;box-shadow:0 2px 8px rgba(0,0,0,.6)}
.ms-side.r .ms-flag{margin-left:auto}
.ms-mid{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-start;gap:7px;padding:14px 0 26px;min-height:440px}
.ms-r{display:grid;grid-template-columns:1fr 86px 1fr;align-items:center;gap:8px}
.ms-l{text-align:center;font-size:8.5px;line-height:1.15;letter-spacing:.12em;text-transform:uppercase;opacity:.85;font-weight:700}
.ms-v{display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:3px 6px;border-radius:4px;background:linear-gradient(180deg,#2a5fd0,#1b46a6);box-shadow:0 4px 10px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.2);
  font:400 24px/1 var(--beb,'Bebas Neue','Arial Narrow',sans-serif);letter-spacing:.05em;color:#fff}
.ms-r:not(.wide) .ms-v{max-width:80px;min-width:68px}
.ms-r:not(.wide) .ms-v:first-child{margin-left:auto}
.ms-r:not(.wide) .ms-v:last-child{margin-right:auto}
.ms-v small{font:600 10px/1 var(--dm,'DM Sans',system-ui,sans-serif);opacity:.85;letter-spacing:0}
.ms-v.ms-up{background:linear-gradient(180deg,#62a8ff,#2f74e8);box-shadow:0 0 0 1.5px rgba(255,255,255,.5),0 6px 16px rgba(98,168,255,.45)}
.ms-verdict{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);z-index:3;font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:800;opacity:.8}
@media (max-width:899px){
  .ms-board{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}
  .ms-corner{display:none}
  .ms-side{flex-direction:row;gap:12px;justify-content:flex-start;padding:10px 14px}
  .ms-side.r{flex-direction:row-reverse}
  .ms-fig,.ms-side.l .ms-fig,.ms-side.r .ms-fig{position:static;transform:none;width:96px;height:110px}
  .ms-side{display:flex;align-items:flex-end}
  .ms-name,.ms-side.r .ms-name{position:static;text-align:left}
  .ms-side.r .ms-name{text-align:right}
  .ms-name small{font-size:18px}.ms-name b{font-size:34px}
  .ms-flag{margin:6px 0 0}.ms-side.r .ms-flag{margin-left:auto}
  .ms-mid{padding:6px 14px 16px;min-height:0}
  .ms-title{font-size:40px}
  .ms-verdict{position:static;transform:none;text-align:center;padding:0 0 10px}
}
