/* LG3s broadcast dashboard. Scoped to .lg3-broadcast.
   The globe hero (.th-banner) stays visible. This file never hides it. */

/* The 12-nation globe banner stays on screen. Only the old text hero under the dashboard is tucked away. */
.lg3s .th-page > .th-banner { display: block; }
.lg3s .th-page > .th-hero { display: none; }

.lg3s .lg3-broadcast {
  --lg3-red: #e10600;
  --lg3-red-2: #ff4d5a;
  --lg3-edge: rgba(255, 72, 88, .62);
  color: #e7edf2;
  background:
    radial-gradient(ellipse at 50% -10%, rgba(120, 16, 28, .35), transparent 46%),
    #07080c;
  padding: 16px 16px 32px;
}
.lg3-broadcast * { box-sizing: border-box; }
.lg3-broadcast .lg3-shell { max-width: 1220px; margin: 0 auto; }
.lg3-broadcast .lg3-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}
.lg3-broadcast .lg3-span2 { grid-column: span 2; }
.lg3-broadcast .lg3-span3 { grid-column: 1 / -1; }

.lg3-broadcast .lg3-panel {
  min-width: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--lg3-edge);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(24, 26, 32, .78), rgba(8, 9, 12, .92));
  box-shadow:
    0 0 0 1px rgba(90, 10, 18, .45),
    0 0 16px rgba(180, 20, 36, .18),
    inset 0 1px 0 rgba(255, 255, 255, .05);
  backdrop-filter: blur(10px);
}
.lg3-broadcast .lg3-p-red {
  background:
    linear-gradient(160deg, rgba(92, 14, 24, .55), rgba(8, 9, 12, .92) 55%);
}

.lg3-broadcast .lg3-ph {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(255, 72, 88, .32);
  background: linear-gradient(90deg, rgba(110, 14, 24, .55), rgba(12, 12, 16, .15));
}
.lg3-broadcast .lg3-ic {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  fill: none;
  stroke: var(--lg3-red-2);
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.lg3-broadcast .lg3-ph h2 {
  margin: 0;
  font: 700 22px/1 'Teko', Impact, sans-serif;
  letter-spacing: .08em;
  color: #f7f4f4;
}
.lg3-broadcast .lg3-ph-link,
.lg3-broadcast .lg3-ph-meta {
  margin-left: auto;
  font: 700 11px/1 system-ui, sans-serif;
  letter-spacing: .14em;
  color: #ff6a72;
  text-decoration: none;
  white-space: nowrap;
}
.lg3-broadcast .lg3-ph-link:hover { color: #fff; }
.lg3-broadcast .lg3-ph-meta { color: #f0d0d2; }

.lg3-broadcast .lg3-wait {
  margin: 0;
  padding: 22px 14px;
  color: #b7c0c8;
  font: 500 13px/1.45 system-ui, sans-serif;
}
.lg3-broadcast .lg3-scroll { max-height: 318px; overflow: auto; }
.lg3-broadcast .lg3-scroll::-webkit-scrollbar { width: 8px; }
.lg3-broadcast .lg3-scroll::-webkit-scrollbar-thumb { background: rgba(255, 77, 90, .45); border-radius: 8px; }

.lg3-broadcast .lg3-chips { display: flex; gap: 6px; padding: 10px 12px 0; }
.lg3-broadcast .lg3-chips button {
  border: 1px solid rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .03);
  color: #d5dbe1;
  border-radius: 999px;
  padding: 6px 11px;
  font: 700 11px/1 system-ui, sans-serif;
  letter-spacing: .12em;
  cursor: pointer;
}
.lg3-broadcast .lg3-chips button[aria-pressed="true"] {
  background: var(--lg3-red);
  border-color: #ff5a64;
  color: #fff;
  box-shadow: 0 0 12px rgba(225, 6, 0, .45);
}

.lg3-broadcast .lg3-crest { width: 22px; height: 22px; object-fit: contain; filter: drop-shadow(0 2px 3px #000); }
.lg3-broadcast .lg3-crest-lg { width: 46px; height: 46px; }
.lg3-broadcast .lg3-crest-xl { width: 78px; height: 78px; }

.lg3-broadcast .lg3-list { padding: 4px 10px 10px; }
.lg3-broadcast .lg3-score,
.lg3-broadcast .lg3-game {
  display: grid;
  align-items: center;
  gap: 4px 10px;
  padding: 9px 4px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  color: #e8eef3;
  text-decoration: none;
  font: 600 13px/1.2 system-ui, sans-serif;
}
.lg3-broadcast .lg3-score:last-child,
.lg3-broadcast .lg3-game:last-child { border-bottom: 0; }
.lg3-broadcast .lg3-score { grid-template-columns: minmax(0, 1fr) auto; }
.lg3-broadcast .lg3-game { grid-template-columns: minmax(0, 1fr) auto; }
.lg3-broadcast .lg3-line { display: flex; align-items: center; gap: 8px; min-width: 0; }
.lg3-broadcast .lg3-line > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lg3-broadcast .lg3-line b {
  margin-left: auto;
  font: 700 20px/1 'Teko', Impact, sans-serif;
  letter-spacing: .03em;
  color: #d5dde4;
}
.lg3-broadcast .lg3-line.win b,
.lg3-broadcast .lg3-line.win > span { color: #fff; }
.lg3-broadcast .lg3-fin {
  grid-row: 1 / span 2;
  grid-column: 2;
  align-self: center;
  font: 700 10px/1 system-ui, sans-serif;
  letter-spacing: .08em;
  color: #ff8a92;
}
.lg3-broadcast .lg3-match { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.lg3-broadcast .lg3-vs { color: #8d98a2; font-size: 11px; }
.lg3-broadcast .lg3-when { text-align: right; }
.lg3-broadcast .lg3-when b { display: block; font-size: 12px; }
.lg3-broadcast .lg3-when small { color: #ffb4b8; font-size: 11px; letter-spacing: .04em; }

.lg3-broadcast .lg3-fm,
.lg3-broadcast .lg3-km {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-height: 292px;
  padding: 16px 12px 14px;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
  text-align: center;
  background:
    linear-gradient(180deg, rgba(5, 6, 8, .15), rgba(5, 6, 8, .78)),
    url('assets/broadcast/arena-tunnel.webp') center/cover;
}
.lg3-broadcast .lg3-fm-bg,
.lg3-broadcast .lg3-km-bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  display: flex;
}
.lg3-broadcast .lg3-fm-bg i,
.lg3-broadcast .lg3-km-bg i {
  flex: 1;
  background: center/cover no-repeat;
  opacity: .42;
  filter: saturate(1.05);
}
.lg3-broadcast .lg3-fm-bg i:first-child,
.lg3-broadcast .lg3-km-bg i:first-child { background-image: var(--a); }
.lg3-broadcast .lg3-fm-bg i:last-child,
.lg3-broadcast .lg3-km-bg i:last-child { background-image: var(--h); }
.lg3-broadcast .lg3-fm-row,
.lg3-broadcast .lg3-km-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: 100%;
}
.lg3-broadcast .lg3-fm-team,
.lg3-broadcast .lg3-km-t { display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 0; flex: 1; }
.lg3-broadcast .lg3-fm-team b,
.lg3-broadcast .lg3-km-t b {
  font: 700 22px/1 'Teko', Impact, sans-serif;
  letter-spacing: .06em;
}
.lg3-broadcast .lg3-fm-team small { color: #f0d6d8; font-size: 11px; letter-spacing: .04em; }
.lg3-broadcast .lg3-fm-vs,
.lg3-broadcast .lg3-km-row em {
  font: 700 28px/1 'Teko', Impact, sans-serif;
  letter-spacing: .08em;
  color: #ffd0d3;
  font-style: normal;
}
.lg3-broadcast .lg3-fm-when,
.lg3-broadcast .lg3-km-when {
  font: 700 13px/1 system-ui, sans-serif;
  letter-spacing: .08em;
}
.lg3-broadcast .lg3-fm-when i,
.lg3-broadcast .lg3-km-when i { margin: 0 8px; color: #ff6a72; font-style: normal; }
.lg3-broadcast .lg3-fm-tag,
.lg3-broadcast .lg3-km-note {
  font: 600 11px/1.3 system-ui, sans-serif;
  letter-spacing: .12em;
  color: #f3d6d8;
}
.lg3-broadcast .lg3-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  padding: 8px 16px;
  border-radius: 999px;
  background: var(--lg3-red);
  border: 1px solid #ff5a64;
  color: #fff;
  font: 800 11px/1 system-ui, sans-serif;
  letter-spacing: .14em;
  box-shadow: 0 0 14px rgba(225, 6, 0, .4);
}
.lg3-broadcast .lg3-btn-ghost {
  background: transparent;
  color: #ffd0d3;
  box-shadow: none;
}
.lg3-broadcast .lg3-km { min-height: 210px; border-radius: 10px; }
.lg3-broadcast .lg3-keys {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
}

.lg3-broadcast .lg3-table { width: 100%; border-collapse: collapse; font: 600 12px/1.2 system-ui, sans-serif; }
.lg3-broadcast .lg3-table th {
  position: sticky;
  top: 0;
  padding: 8px 6px;
  background: #14161c;
  color: #9aa6b0;
  font-size: 10px;
  letter-spacing: .12em;
  text-align: left;
}
.lg3-broadcast .lg3-table td { padding: 7px 6px; border-top: 1px solid rgba(255, 255, 255, .05); }
.lg3-broadcast .lg3-table .c { text-align: center; }
.lg3-broadcast .lg3-table .hl { color: #fff; }
.lg3-broadcast .lg3-rk { color: #ff8a92; font-weight: 800; width: 28px; }
.lg3-broadcast .lg3-nat,
.lg3-broadcast .lg3-pl a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #f2f5f8;
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  cursor: pointer;
  text-decoration: none;
  text-align: left;
}
.lg3-broadcast .lg3-nat small {
  color: #c9a3a6;
  font-size: 10px;
  letter-spacing: .08em;
}
.lg3-broadcast .lg3-pts { color: #fff; font-weight: 800; }
.lg3-broadcast .lg3-gd.up { color: #8ee0a8; }
.lg3-broadcast .lg3-gd.dn { color: #ff8a92; }
.lg3-broadcast .lg3-gd.eq { color: #b7c0c8; }
.lg3-broadcast .lg3-foot { margin: 0; padding: 8px 12px 12px; color: #9aa6b0; font: 500 11px/1.4 system-ui, sans-serif; }
.lg3-broadcast .lg3-tabs {
  display: flex;
  gap: 4px;
  padding: 8px 8px 0;
  overflow-x: auto;
}
.lg3-broadcast .lg3-tabs button {
  flex: 1 0 auto;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #b7c0c8;
  padding: 7px 6px;
  font: 700 10px/1 system-ui, sans-serif;
  letter-spacing: .1em;
  cursor: pointer;
}
.lg3-broadcast .lg3-tabs button[aria-selected="true"] { color: #fff; border-bottom-color: var(--lg3-red-2); }

.lg3-broadcast .lg3-pager { margin-left: auto; display: flex; align-items: center; gap: 6px; color: #f0d0d2; font: 700 12px/1 system-ui, sans-serif; }
.lg3-broadcast .lg3-pager button {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 1px solid rgba(255, 90, 100, .6);
  background: rgba(225, 6, 0, .25);
  color: #fff;
  cursor: pointer;
}
.lg3-broadcast .lg3-spot {
  position: relative;
  isolation: isolate;
  margin: 10px;
  min-height: 250px;
  padding: 12px;
  border-radius: 10px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(8, 8, 12, .2), rgba(8, 8, 12, .82)),
    var(--art) center/cover;
}
.lg3-broadcast .lg3-sp-hero { display: flex; align-items: center; gap: 10px; }
.lg3-broadcast .lg3-sp-hero h3 { margin: 0; font: 700 32px/1 'Teko', Impact, sans-serif; letter-spacing: .05em; }
.lg3-broadcast .lg3-sp-hero p { margin: 4px 0 0; color: #f0d6d8; font-size: 12px; letter-spacing: .08em; }
.lg3-broadcast .lg3-sp-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin: 12px 0; }
.lg3-broadcast .lg3-sp-stats div { text-align: center; padding: 6px 2px; border: 1px solid rgba(255, 90, 100, .28); border-radius: 8px; background: rgba(0, 0, 0, .35); }
.lg3-broadcast .lg3-sp-stats dt { color: #c9a3a6; font-size: 10px; letter-spacing: .12em; }
.lg3-broadcast .lg3-sp-stats dd { margin: 3px 0 0; font: 700 16px/1 'Teko', Impact, sans-serif; }
.lg3-broadcast .lg3-sp-label { margin: 0 0 6px; font-size: 10px; letter-spacing: .16em; color: #ff8a92; }
.lg3-broadcast .lg3-sp-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.lg3-broadcast .lg3-pc {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 8px 4px;
  border-radius: 8px;
  background: rgba(0, 0, 0, .45);
  border: 1px solid rgba(255, 255, 255, .08);
  color: #fff;
  text-decoration: none;
  text-align: center;
  min-width: 0;
}
.lg3-broadcast .lg3-pc-pos { color: #ff8a92; font-size: 10px; letter-spacing: .08em; }
.lg3-broadcast .lg3-pc-num { font: 700 20px/1 'Teko', Impact, sans-serif; }
.lg3-broadcast .lg3-pc-unit { font-size: 9px; letter-spacing: .12em; color: #c9a3a6; }
.lg3-broadcast .lg3-pc b { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.lg3-broadcast .lg3-pc-line { color: #d5dbe1; font-size: 10px; }

.lg3-broadcast .lg3-radio-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  padding: 18px 16px 20px;
  min-height: 210px;
  background:
    linear-gradient(180deg, rgba(8, 8, 12, .25), rgba(8, 8, 12, .72)),
    url('assets/broadcast/arena-blur.webp') center/cover;
}
.lg3-broadcast .lg3-radio-body p { margin: 0; max-width: 28ch; color: #eadfe0; font-size: 13px; line-height: 1.45; }
.lg3-broadcast .lg3-radio-art { position: relative; width: 100%; min-height: 92px; }
.lg3-broadcast .lg3-wave { display: flex; align-items: flex-end; justify-content: center; gap: 3px; height: 46px; opacity: .7; }
.lg3-broadcast .lg3-wave i {
  display: block;
  width: 3px;
  height: 12px;
  background: var(--lg3-red-2);
  border-radius: 2px;
  animation: lg3-bar 1.2s ease-in-out infinite alternate;
}
.lg3-broadcast .lg3-wave i:nth-child(odd) { animation-duration: .9s; height: 22px; }
.lg3-broadcast .lg3-wave i:nth-child(3n) { height: 32px; }
@keyframes lg3-bar { to { transform: scaleY(.45); } }
@media (prefers-reduced-motion: reduce) {
  .lg3-broadcast .lg3-wave i { animation: none; }
}
.lg3-broadcast .lg3-mic { display: none; }
.lg3-broadcast .lg3-radio-logo { display: block; font: 700 28px/1 'Teko', Impact, sans-serif; letter-spacing: .08em; }
.lg3-broadcast .lg3-radio-logo small { display: block; font: 700 10px/1 system-ui, sans-serif; letter-spacing: .2em; color: #f0d0d2; margin-bottom: 4px; }
.lg3-broadcast .lg3-radio-logo em { color: #ff6a72; font-style: normal; }

.lg3-broadcast .lg3-news {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
}
.lg3-broadcast .lg3-news > .lg3-wait {
  grid-column: 1 / -1;
  min-height: 132px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px dashed rgba(255, 72, 88, .4);
  border-radius: 10px;
  background: rgba(0, 0, 0, .25);
}
.lg3-broadcast .lg3-radio-body,
.lg3-broadcast .lg3-keys { flex: 1; }
.lg3-broadcast .lg3-nc {
  display: flex;
  flex-direction: column;
  min-height: 168px;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  border: 1px solid rgba(255, 72, 88, .35);
  background: rgba(0, 0, 0, .35);
}
.lg3-broadcast .lg3-nc-thumb { display: block; height: 78px; background: var(--art) center/cover, url('assets/broadcast/arena-tunnel.webp') center/cover; }
.lg3-broadcast .lg3-nc-body { display: flex; flex-direction: column; gap: 6px; padding: 10px; }
.lg3-broadcast .lg3-nc-body small { color: #ff8a92; letter-spacing: .12em; font-size: 10px; }
.lg3-broadcast .lg3-nc-body b { font-size: 14px; line-height: 1.25; }
.lg3-broadcast .lg3-nc-body time { color: #b7c0c8; font-size: 11px; }

.lg3-broadcast .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

@media (max-width: 1100px) {
  .lg3-broadcast .lg3-grid { grid-template-columns: 1fr 1fr; }
  .lg3-broadcast .lg3-span3 { grid-column: 1 / -1; }
  .lg3-broadcast .lg3-news { grid-template-columns: 1fr 1fr; }
  .lg3-broadcast .lg3-sp-cards { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
  .lg3-broadcast .lg3-grid { grid-template-columns: 1fr; }
  .lg3-broadcast .lg3-span2,
  .lg3-broadcast .lg3-span3 { grid-column: auto; }
  .lg3-broadcast .lg3-keys,
  .lg3-broadcast .lg3-news,
  .lg3-broadcast .lg3-sp-cards,
  .lg3-broadcast .lg3-sp-stats { grid-template-columns: 1fr 1fr; }
  .lg3-broadcast .lg3-crest-xl { width: 60px; height: 60px; }
  .lg3-broadcast .lg3-fm { min-height: 240px; }
  .lg3-broadcast .lg3-ph h2 { font-size: 18px; }
}

/* Nation art behind each side of a score card; neutral when no art exists. */
.lg3-broadcast .lg3-line.has-nat{position:relative;isolation:isolate;padding:4px 6px;margin-inline:-6px}
.lg3-broadcast .lg3-line.has-nat::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,9,11,.9),rgba(8,9,11,.68)),var(--nat) center 30%/cover no-repeat}

/* News cards: split VS banner from nation art (fix: unescaped url() quotes broke the inline --art). */
.lg3-broadcast .lg3-nc-thumb.lg3-nc-vs{position:relative;display:grid;grid-template-columns:1fr 1fr;height:112px;background:#07090d;overflow:hidden}
.lg3-broadcast .lg3-nc-plain{background:radial-gradient(circle at 30% 40%,rgba(227,38,47,.55),transparent 60%),radial-gradient(circle at 75% 60%,rgba(47,91,211,.55),transparent 60%),url('assets/broadcast/arena-tunnel.webp') center/cover}
.lg3-broadcast .lg3-nc-side{position:relative;display:flex;align-items:center;gap:8px;padding:0 12px;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55)),var(--nat) center/cover;box-shadow:inset 0 -3px 0 var(--nc,#e3262f),inset 0 0 40px color-mix(in srgb,var(--nc,#e3262f) 45%,transparent)}
.lg3-broadcast .lg3-nc-side.a{clip-path:polygon(0 0,100% 0,88% 100%,0 100%);margin-right:-8%}
.lg3-broadcast .lg3-nc-side.h{clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);justify-content:flex-end;flex-direction:row-reverse;margin-left:-8%}
.lg3-broadcast .lg3-nc-side img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8))}
.lg3-broadcast .lg3-nc-side b{font:700 34px/1 "LG3S Teko",Impact,sans-serif;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.9),0 0 16px var(--nc,#e3262f);opacity:.8}
.lg3-broadcast .lg3-nc-side.win b{opacity:1;color:#ffe28a}
.lg3-broadcast .lg3-nc-vs>i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) skewX(-10deg);z-index:2;padding:4px 10px;font:700 12px/1 "LG3S Teko",Impact,sans-serif;font-style:normal;letter-spacing:.12em;color:#111;background:linear-gradient(180deg,#ffe28a,#d6a734);box-shadow:0 0 18px rgba(255,200,80,.55)}
/* Hitmen Radio: red broadcast glow instead of grey haze */
.lg3-broadcast .lg3-radio-body{background:radial-gradient(ellipse at 50% 30%,rgba(227,38,47,.45),transparent 65%),radial-gradient(ellipse at 15% 90%,rgba(255,120,60,.25),transparent 60%),url('assets/broadcast/fx-lights.webp') center/cover}
.lg3-broadcast .lg3-nc-vs>i{top:auto;bottom:8px;transform:translateX(-50%) skewX(-10deg);font-size:11px;padding:3px 8px}
.lg3-broadcast .lg3-nc-side{padding:0 18% 14px 10px;align-items:center}
.lg3-broadcast .lg3-nc-side.h{padding:0 10px 14px 18%}