:root {
  --ares-site-opening-image: url('/assets/media/report-backgrounds/report-stadium.png');
  --ares-site-opening-position: center 58%;
}

[data-ares-site-opening="true"] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: #03101c !important;
  background-image:
    linear-gradient(90deg, rgba(3, 16, 28, .91), rgba(3, 16, 28, .68) 58%, rgba(3, 16, 28, .25)),
    var(--ares-site-opening-image) !important;
  background-position: var(--ares-site-opening-position) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  border-color: rgba(200, 149, 47, .34) !important;
}

[data-ares-site-opening="true"]::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(circle at 82% 24%, rgba(240, 180, 68, .13), transparent 26rem);
}

[data-ares-site-opening="true"] > * {
  position: relative;
  z-index: 1;
}

[data-ares-background="report-football-network.png"] {
  --ares-site-opening-position: 62% center;
}

[data-ares-background="report-global-map.png"] {
  --ares-site-opening-position: center 48%;
}

.ares-site-term {
  display: inline-grid;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  place-items: center;
  vertical-align: middle;
  border: 1px solid rgba(240, 180, 68, .66);
  border-radius: 50%;
  background: rgba(3, 16, 28, .9);
  color: #f0b444;
  font: 700 9px/1 'DM Mono', monospace;
  cursor: pointer;
}

.ares-site-term-popover {
  position: fixed;
  z-index: 10000;
  left: var(--ares-site-term-left, 12px);
  top: var(--ares-site-term-top, 72px);
  width: min(290px, calc(100vw - 24px));
  padding: 14px 38px 14px 14px;
  border: 1px solid rgba(240, 180, 68, .52);
  border-radius: 9px;
  background: rgba(6, 21, 36, .98);
  color: #e5dece;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .42);
  font: 500 13px/1.45 'Syne', sans-serif;
}

.ares-site-term-popover[hidden] { display: none; }
.ares-site-term-popover strong { display: block; margin-bottom: 5px; color: #f0b444; }
.ares-site-term-popover p { margin: 0; }
.ares-site-term-popover button {
  position: absolute;
  top: 8px;
  right: 8px;
  border: 0;
  background: transparent;
  color: #f0b444;
  cursor: pointer;
}

.ares-inline-link { color: inherit; text-decoration: none; }
.ares-inline-link:hover, .ares-inline-link:focus-visible { color: #f0b444; text-decoration: underline; }

html, body { max-width: 100%; }
main, .page-main, .page, .main, .content, .page-grid, .page-stack { min-width: 0; }

@media (max-width: 760px) {
  [data-ares-site-opening="true"] {
    min-height: 0 !important;
    background-position: 68% center !important;
  }
  [data-ares-site-opening="true"] > * { min-width: 0; }
  .ares-site-term-popover { left: 12px !important; right: 12px; width: auto; }
}