body.wbwc26[data-event="wc26"] {
  --wc26-wall: radial-gradient(circle at 20% 20%, rgba(5, 99, 169, 0.35), transparent 55%),
    radial-gradient(circle at 80% 10%, rgba(214, 91, 33, 0.25), transparent 50%),
    #030712;
  --wb-ad-height: clamp(90px, 12vh, 140px);
  --wb-mini-footer-height: clamp(26px, 3.2vh, 36px);
  --wb-base-height: calc(var(--wb-ad-height) + var(--wb-mini-footer-height));
  --wc26-h-gap: clamp(10px, 2vw, 36px);
  --wc26-h-side: clamp(100px, 18vw, 340px);
  --wc26-h-center: clamp(150px, 26vw, 460px);
  --wc26-accent-rgb: 44, 125, 62;
  --wc26-accent: rgb(var(--wc26-accent-rgb));
  --wc26-accent-soft: rgba(var(--wc26-accent-rgb), 0.08);
  --wc26-accent-border: rgba(var(--wc26-accent-rgb), 0.25);
  --wc26-ribbon-rgb: 232, 118, 36;
  --wc26-ribbon: rgba(var(--wc26-ribbon-rgb), 0.95);
  --wc26-ribbon-soft: rgba(var(--wc26-ribbon-rgb), 0.1);
  --wc26-zone-local: #0f766e;
  --wc26-zone-eastern: #2563eb;
  --wc26-zone-central: #9333ea;
  --wc26-zone-mountain: #f97316;
  --wc26-zone-pacific: #facc15;
  background: #f5f6f7;
  color: #0f172a;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] {
  background:
    linear-gradient(rgba(8, 12, 22, 0.35), rgba(8, 12, 22, 0.35)),
    radial-gradient(circle at 50% 40%, rgba(255, 255, 255, 0.05), transparent 65%),
    url("/events/wc26/assets/pitch-stadium.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #f5f6f7;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(6px) saturate(115%);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

body.wbwc26[data-event="wc26"] .wb-wallboard-root {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

body.wbwc26[data-event="wc26"] .wb-board-region {
  flex: 1 1 auto;
}

body.wbwc26[data-event="wc26"] .wallboard-mini-footer__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

body.wbwc26[data-event="wc26"] .wallboard-id {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  color: rgba(15, 23, 42, 0.85);
}

body.wbwc26[data-event="wc26"] .wallboard-id .wb-brand {
  font-weight: 900;
  color: rgba(91, 42, 166, 0.95);
  background: rgba(91, 42, 166, 0.15);
  padding: 2px 10px;
  border-radius: 999px;
}

body.wbwc26[data-event="wc26"] .wallboard-id .wb-url {
  color: rgba(15, 23, 42, 0.85);
}

body.wbwc26[data-event="wc26"] .wb-mini-footer-left,
body.wbwc26[data-event="wc26"] .wb-mini-footer-center,
body.wbwc26[data-event="wc26"] .wb-mini-footer-right {
  display: flex;
  align-items: center;
  gap: 8px;
}

body.wbwc26[data-event="wc26"] .wb-mini-footer-left {
  justify-content: flex-start;
}

body.wbwc26[data-event="wc26"] .wb-mini-footer-center {
  justify-content: center;
  flex: 1 1 auto;
  text-align: center;
}

body.wbwc26[data-event="wc26"] .wb-mini-footer-right {
  justify-content: flex-end;
  text-align: right;
}

body.wbwc26[data-event="wc26"] .wb-mini-footer-center .wallboard-id {
  justify-content: center;
  width: 100%;
  text-align: center;
}

body.wbwc26[data-event="wc26"] #wc26FooterLegalSlot {
  min-height: 0;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] #wc26FooterLegalSlot [data-tk-footer="legal"] {
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] #wc26FooterLegalSlot small {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] #wc26FooterLegalSlot a {
  color: inherit;
  text-decoration: none;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] #wc26FooterLegalSlot a:hover {
  text-decoration: underline;
}

body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] #wc26BaseStrip {
  display: none;
}

body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .wb-board-region main .wb-hero {
  margin-bottom: var(--s-3);
  padding-bottom: var(--s-3);
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .wb-board-region main.wrap.card {
  margin-bottom: var(--s-3);
}

body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .wb-bottom-ad {
  margin-bottom: var(--s-3);
}

body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .wallboard-mini-footer {
  padding: var(--s-2) 0;
}

body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .wallboard-mini-footer small {
  font-weight: 500;
  letter-spacing: 0.015em;
  line-height: 1.5;
}

body.wbwc26[data-event="wc26"] .tk-controls.is-accented {
  border-radius: 14px;
  border: 1px solid rgba(15, 23, 42, 0.1);
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(135deg, rgba(var(--wc26-accent-rgb), 0.08), rgba(2, 6, 23, 0.03)),
    #fff;
}

body.wbwc26[data-event="wc26"] .tk-controls.is-accented::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(var(--wc26-accent-rgb), 0.08) 0,
      rgba(var(--wc26-accent-rgb), 0.08) 24px,
      rgba(var(--wc26-accent-rgb), 0.02) 24px,
      rgba(var(--wc26-accent-rgb), 0.02) 48px
    );
  opacity: 0.6;
  pointer-events: none;
  z-index: 0;
}

body.wbwc26[data-event="wc26"] .tk-controls.is-accented::after {
  content: "";
  position: absolute;
  inset: 10px;
  right: 20px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20240%20320%22%3E%3Cpath%20fill=%22none%22%20stroke=%22#134e4a%22%20stroke-opacity=%220.35%22%20stroke-width=%226%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20d=%22M120%2018c-24%2018-34%2042-34%2072%200%2034%2012%2058%2034%2072%2022-14%2034-38%2034-72%200-30-10-54-34-72zM74%2078H40c2%2044%2024%2070%2056%2078M166%2078h34c-2%2044-24%2070-56%2078M92%20170c-8%2020-18%2034-30%2046%2018%2010%2034%2018%2058%2022v26H80v22h80v-22h-40v-26c24-4%2040-12%2058-22-12-12-22-26-30-46M88%20304h64%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 220px auto;
  opacity: 0.4;
  pointer-events: none;
  z-index: 0;
}

body.wbwc26[data-event="wc26"] .event-controls {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

body.wbwc26[data-event="wc26"] .wb-hint {
  margin-top: var(--s-2);
  font-size: 0.95rem;
  line-height: 1.45;
  font-weight: 500;
}

body.wbwc26[data-event="wc26"] .wb-hint--mobile {
  display: none;
}

body.wbwc26[data-event="wc26"] .wb-host-swipe {
  display: contents;
}

body.wbwc26[data-event="wc26"] .wb-hero {
  position: relative;
  margin-bottom: var(--s-3);
  padding: clamp(18px, 3vw, 32px);
  border-radius: 20px;
  border: 1px solid var(--wc26-accent-border);
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(2, 6, 23, 0.82), rgba(2, 6, 23, 0.88)),
    radial-gradient(circle at 10% 20%, rgba(15, 118, 110, 0.55), transparent 65%),
    rgba(2, 6, 23, 0.94);
  color: #f8fafc;
  isolation: isolate;
}

body.wbwc26[data-event="wc26"] .wb-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(148, 196, 110, 0.08) 0,
      rgba(148, 196, 110, 0.08) 32px,
      rgba(148, 196, 110, 0.02) 32px,
      rgba(148, 196, 110, 0.02) 64px
    );
  opacity: 0.7;
  pointer-events: none;
  z-index: -2;
}

body.wbwc26[data-event="wc26"] .wb-hero::after {
  content: "";
  position: absolute;
  inset: 10px;
  right: 5%;
  width: clamp(140px, 24vw, 260px);
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20240%20320%22%3E%3Cpath%20fill=%22none%22%20stroke=%22#bae6fd%22%20stroke-opacity=%220.35%22%20stroke-width=%226%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20d=%22M120%2018c-24%2018-34%2042-34%2072%200%2034%2012%2058%2034%2072%2022-14%2034-38%2034-72%200-30-10-54-34-72zM74%2078H40c2%2044%2024%2070%2056%2078M166%2078h34c-2%2044-24%2070-56%2078M92%20170c-8%2020-18%2034-30%2046%2018%2010%2034%2018%2058%2022v26H80v22h80v-22h-40v-26c24-4%2040-12%2058-22-12-12-22-26-30-46M88%20304h64%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right;
  opacity: 0.5;
  pointer-events: none;
  z-index: -1;
}

body.wbwc26[data-event="wc26"] .wb-hero .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.15em;
  background: var(--wc26-ribbon);
  color: #fff;
  padding: 4px 14px;
  border-radius: 999px;
  position: relative;
  margin-bottom: 12px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);
}

body.wbwc26[data-event="wc26"] .wb-hero .eyebrow::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 50%;
  width: 12px;
  height: 12px;
  background: inherit;
  transform: translateY(-50%) skewX(-20deg);
  border-radius: 2px;
  box-shadow: inherit;
}

body.wbwc26[data-event="wc26"] .wb-hero h1,
body.wbwc26[data-event="wc26"] .wb-hero p {
  position: relative;
  z-index: 1;
}

/* ============================= */
/* WC26 WALLBOARD BASE STYLES    */
/* ============================= */

body.wbwc26[data-event="wc26"] .clock-grid-wrap {
  padding: 16px;
  display: flex;
  justify-content: center;
}

body.wbwc26[data-event="wc26"] .clock-grid {
  display: grid;
  gap: var(--wc26-h-gap);
  justify-content: center;
  align-content: center;
  justify-items: stretch;
  align-items: stretch;
  margin: 0 auto;
}

body.wbwc26[data-event="wc26"] .clock-slot {
  background: var(--surface);
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 14px;
  box-shadow: var(--shadow);
  padding: 14px;
  overflow: hidden;
  --clock-size: clamp(180px, 18vmin, 340px);
  transform: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  position: relative;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot[data-zone="eastern"] {
  grid-area: east;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot[data-zone="central"] {
  grid-area: central;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot[data-zone="mountain"] {
  grid-area: mountain;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot[data-zone="pacific"] {
  grid-area: pacific;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot[data-zone="local"] {
  grid-area: local;
  grid-row: 1 / span 2;
  align-self: stretch;
  min-height: clamp(260px, calc(var(--wc26-tile-center) * 0.95), 540px);
  --clock-size: clamp(180px, 60%, 520px);
  --wb-time-size: clamp(40px, 5vmin, 84px);
  padding: clamp(20px, 3vw, 38px);
}

body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot[data-zone="local"] {
  grid-row: auto;
  grid-column: auto;
  min-height: auto;
  --clock-size: clamp(180px, 18vmin, 340px);
}
body.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__label-row {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
body.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__title-row {
  display: flex;
  align-items: baseline;
  gap: 6px;
}
body.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__label {
  font-weight: 800;
  font-size: 15px;
  letter-spacing: 0.02em;
}
body.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__timezone {
  font-size: 12px;
  color: rgba(15, 23, 42, 0.7);
  line-height: 1.05;
  margin-top: 0;
}
body.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__offset {
  font-weight: 700;
  color: #dc2626;
  margin-left: 0.4rem;
}
body.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__digital {
  text-align: center;
}
body.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__time {
  font-weight: 900;
  letter-spacing: 0.3px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  line-height: 1.05;
  font-size: var(--wb-time-size, clamp(34px, 4vmin, 72px));
}
body.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__date {
  margin-top: 6px;
  font-size: clamp(13px, 1.6vmin, 18px);
  font-weight: 800;
  letter-spacing: 0.2px;
  color: rgba(17, 24, 39, 0.72);
}
body.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__analog {
  --face-size: min(var(--clock-size), 100%);
  width: min(100%, var(--clock-size));
  max-width: none;
  aspect-ratio: 1 / 1;
  margin: 0 auto;
  overflow: visible;
}
body.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__analog-canvas {
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}

body.wbwc26[data-event="wc26"] .clock-grid .clock-slot {
  --wb-time-size: clamp(34px, 4vmin, 72px);
}

body.wbwc26[data-hour-format="12"][data-event="wc26"] .clock-grid .clock-slot {
  --wb-time-size: clamp(30px, 3.5vmin, 64px);
}

body.wbwc26[data-event="wc26"] .wallboard-show-btn {
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 9999;
  width: auto !important;
  display: none;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(2, 6, 23, 0.72);
  color: rgba(255, 255, 255, 0.92);
  font-weight: 700;
  cursor: pointer;
  backdrop-filter: blur(8px);
}

body.wb-ui-hidden.wbwc26[data-event="wc26"] .wallboard-show-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ============================= */
/* WC26 NORMAL MODE DASHBOARD    */
/* ============================= */

body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--wc26-h-gap);
  width: 100%;
  margin: 0;
}

body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot[data-zone="eastern"] {
  grid-column: 1;
  grid-row: 1;
}

body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot[data-zone="central"] {
  grid-column: 2;
  grid-row: 1;
}

body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot[data-zone="local"] {
  grid-column: 3;
  grid-row: 1;
}

body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot[data-zone="mountain"] {
  grid-column: 4;
  grid-row: 1;
}

body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot[data-zone="pacific"] {
  grid-column: 5;
  grid-row: 1;
}

body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot {
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(15, 23, 42, 0.10);
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.07);
  --wb-time-size: clamp(26px, 3.8vw, 46px);
  padding-left: 20px;
}

body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot,
body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot * {
  color: #0f172a;
}

body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot .tk-event-tile__analog {
  display: none !important;
}

body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot .tk-event-tile__label {
  font-weight: 800;
  font-size: 13px;
  margin-bottom: 6px;
}

body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot .tk-event-tile__label-row {
  min-height: 34px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  line-height: 1.2;
}

body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot .tk-event-tile__timezone {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}

body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot .tk-event-tile__offset {
  margin-left: 6px;
  font-weight: 900;
  color: #dc2626 !important;
}

body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot .tk-event-tile__digital {
  text-align: left;
}

body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot .tk-event-tile__time {
  margin-bottom: 4px;
  font-size: clamp(20px, 2.2vmin, 34px);
  white-space: nowrap;
  line-height: 1.05;
}

body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot .tk-event-tile__date {
  font-size: 12px;
  color: rgba(15, 23, 42, 0.75);
  text-align: left;
}

body.wbwc26[data-event="wc26"] .clock-slot::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 12px;
  bottom: 12px;
  width: 5px;
  border-radius: 999px;
  background: var(--tile-accent, rgba(15, 23, 42, 0.15));
  opacity: 0;
  transition: opacity 0.2s ease;
}

body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot::before {
  opacity: 1;
}

body.wbwc26[data-event="wc26"] .clock-slot[data-zone="local"] {
  --tile-accent: var(--wc26-zone-local);
}

body.wbwc26[data-event="wc26"] .clock-slot[data-zone="eastern"] {
  --tile-accent: var(--wc26-zone-eastern);
}

body.wbwc26[data-event="wc26"] .clock-slot[data-zone="central"] {
  --tile-accent: var(--wc26-zone-central);
}

body.wbwc26[data-event="wc26"] .clock-slot[data-zone="mountain"] {
  --tile-accent: var(--wc26-zone-mountain);
}

body.wbwc26[data-event="wc26"] .clock-slot[data-zone="pacific"] {
  --tile-accent: var(--wc26-zone-pacific);
}

@media (max-width: 768px) {
  body.wbwc26[data-event="wc26"] .wb-hint--desktop {
    display: none;
  }

  body.wbwc26[data-event="wc26"] .wb-hint--mobile {
    display: block;
  }

  body.wbwc26[data-event="wc26"] #fullscreenBtn,
  body.wbwc26[data-event="wc26"] label[for="fullscreenBtn"],
  body.wbwc26[data-event="wc26"] #hideControlsBtn,
  body.wbwc26[data-event="wc26"] label[for="hideControlsBtn"] {
    display: none;
  }

  body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .wb-hero {
    margin-bottom: var(--s-2);
    padding-bottom: var(--s-2);
  }

  body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .tk-tagline,
  body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .tk-controls {
    margin-bottom: var(--s-2);
  }

  body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .tk-controls {
    padding: var(--s-2);
  }

  body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .event-controls {
    justify-content: center;
    gap: 12px;
  }

  body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-grid-wrap {
    padding: 12px 0 var(--s-2);
  }

  body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot {
    width: 100%;
    padding: 14px;
    padding-left: 20px;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.12);
    border-radius: 14px;
    gap: 8px;
  }

  body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot .tk-event-tile__label-row {
    min-height: auto;
    flex-direction: column;
    gap: 2px;
  }

  body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot .tk-event-tile__label {
    font-size: 12px;
    margin-bottom: 2px;
  }

  body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot .tk-event-tile__timezone {
    font-size: 11px;
    line-height: 1.2;
  }

  body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot .tk-event-tile__offset {
    margin-left: 4px;
  }

  body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot .tk-event-tile__digital {
    text-align: center;
  }

  body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot .tk-event-tile__time {
    font-size: clamp(26px, 8vw, 40px);
  }

  body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot .tk-event-tile__date {
    font-size: 11px;
    text-align: center;
  }

  body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .wb-host-swipe {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 0 4px 12px;
    margin: 0 -4px;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .wb-host-swipe::-webkit-scrollbar {
    display: none;
  }

  body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .wb-host-swipe .clock-slot {
    flex: 0 0 88%;
    min-width: clamp(220px, 80vw, 360px);
    scroll-snap-align: center;
  }

  body.wbwc26:not(.wb-fullscreen)[data-event="wc26"] .clock-slot::before {
    left: 10px;
  }
}

body.wbwc26[data-event="wc26"] .wb-related {
  margin-top: clamp(20px, 4vw, 40px);
}

body.wbwc26[data-event="wc26"] .wb-related-card {
  border-radius: 16px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  padding: clamp(18px, 3vw, 28px);
  background:
    linear-gradient(135deg, rgba(var(--wc26-accent-rgb), 0.08), rgba(2, 6, 23, 0.03));
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
  display: grid;
  gap: 8px;
}

body.wbwc26[data-event="wc26"] .wb-related-card h3 {
  margin: 0;
  font-size: 1.35rem;
}

body.wbwc26[data-event="wc26"] .wb-related-card p {
  margin: 0;
  color: rgba(15, 23, 42, 0.8);
  font-weight: 500;
}

body.wbwc26[data-event="wc26"] .wb-related-card .eyebrow {
  text-transform: uppercase;
  font-size: 0.7rem;
  letter-spacing: 0.18em;
  color: rgba(15, 23, 42, 0.65);
  margin: 0 0 4px;
  font-weight: 800;
}

body.wbwc26[data-event="wc26"] .wb-related-card .wb-related-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  border-radius: 999px;
  padding: 10px 18px;
  font-weight: 700;
  border: 1px solid var(--wc26-accent-border);
  background: rgba(var(--wc26-accent-rgb), 0.12);
  color: #0f172a;
  text-decoration: none;
  width: fit-content;
  transition: transform 0.15s ease, background 0.15s ease;
}

body.wbwc26[data-event="wc26"] .wb-related-card .wb-related-link:hover {
  background: rgba(var(--wc26-accent-rgb), 0.18);
  transform: translateY(-1px);
}

/* ============================= */
/* WC26 FULLSCREEN WALLBOARD     */
/* ============================= */

body.wb-fullscreen.wbwc26[data-event="wc26"] {
  overflow: hidden;
  height: 100vh;
  padding: 0 !important;
  margin: 0 !important;
  --wc26-board-height: calc(100vh - var(--wb-base-height));
  --wc26-grid-gap: clamp(18px, 3vw, 40px);
  --wc26-tile-side: clamp(190px, 18vw, 340px);
  --wc26-tile-center: clamp(240px, 22vw, 420px);
  --wc26-gap: var(--wc26-grid-gap, 24px);
}

html:has(body.wb-fullscreen.wbwc26[data-event="wc26"]) {
  overflow: hidden;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] #site-header,
body.wb-fullscreen.wbwc26[data-event="wc26"] .site-header,
body.wb-fullscreen.wbwc26[data-event="wc26"] nav,
body.wb-fullscreen.wbwc26[data-event="wc26"] .tk-header,
body.wb-fullscreen.wbwc26[data-event="wc26"] .tk-nav,
body.wb-fullscreen.wbwc26[data-event="wc26"] .tk-footer,
body.wb-fullscreen.wbwc26[data-event="wc26"] .site-footer,
body.wb-fullscreen.wbwc26[data-event="wc26"] footer.wrap.foot:not(.wallboard-mini-footer) {
  display: none !important;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] header.wrap,
body.wb-fullscreen.wbwc26[data-event="wc26"] .wb-hero,
body.wb-fullscreen.wbwc26[data-event="wc26"] .tk-tagline,
body.wb-fullscreen.wbwc26[data-event="wc26"] #controls,
body.wb-fullscreen.wbwc26[data-event="wc26"] .tk-info {
  display: none !important;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] .wb-wallboard-root {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] .wb-board-region {
  flex: 1 1 auto;
  width: 100%;
  height: var(--wc26-board-height);
  min-height: var(--wc26-board-height);
  max-height: var(--wc26-board-height);
  position: relative;
  overflow: hidden;
}

/* Fullscreen: release wrap clamp so the cross can use the full board width */
body.wb-fullscreen.wbwc26[data-event="wc26"] .wb-board-region main.wrap.card {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  margin: 0 !important;
  padding: 0;
  height: 100%;
  width: 100%;
  max-width: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-grid-wrap {
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: clamp(16px, 4vw, 48px);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

/* WC26 FULLSCREEN: two-row H grid */
body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-grid {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, 1fr);
  grid-template-rows: repeat(2, minmax(0, 1fr));
  grid-template-areas:
    "east local central"
    "mountain local pacific";
  gap: clamp(16px, 3vw, 48px);
  place-content: center;
  place-items: stretch;
  overflow: visible;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot {
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: clamp(16px, 2vh, 28px);
  gap: clamp(8px, 1.6vh, 16px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  overflow: visible;
  --clock-size: clamp(120px, 50%, 380px);
}

body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__digital {
  width: 100%;
  text-align: center;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot[data-zone="local"] .tk-event-tile__digital {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__analog {
  width: min(100%, var(--clock-size));
  aspect-ratio: 1 / 1;
  margin: 0 auto;
  height: auto;
  display: block;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__analog-canvas {
  width: 100%;
  height: 100%;
  display: block;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__time {
  color: #0f172a;
}

/* Fullscreen: keep tile headers dark against light card surfaces */
body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__label,
body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__timezone,
body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__offset {
  color: #0f172a;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__label-row {
  align-items: flex-start;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__label,
body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__offset,
body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__timezone,
body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__time,
body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__date {
  display: inline-flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.92);
  border-radius: 999px;
  line-height: 1.1;
  padding: 6px 12px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  width: auto;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__timezone,
body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__date {
  padding: 4px 10px;
  margin-top: 6px;
}

/* Fullscreen: restore red emphasis for offset text */
body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__offset,
body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot .clock-offset {
  color: var(--tk-red, #c00);
  font-weight: 700;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__label,
body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot .tk-event-tile__offset {
  font-size: clamp(18px, 2.2vmin, 30px);
  font-weight: 900;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] #wc26BaseStrip {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--wb-base-height);
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  background: rgba(3, 7, 18, 0.96);
  border-top: 1px solid rgba(248, 250, 252, 0.08);
  z-index: 9998;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] #wc26BaseStrip .wb-base-ad {
  flex: 0 0 var(--wb-ad-height);
  height: var(--wb-ad-height);
  min-height: var(--wb-ad-height);
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid rgba(248, 250, 252, 0.08);
}

body.wb-fullscreen.wbwc26[data-event="wc26"] #wc26BaseStrip .wb-base-mini {
  flex: 0 0 var(--wb-mini-footer-height);
  height: var(--wb-mini-footer-height);
  min-height: var(--wb-mini-footer-height);
  display: flex;
  width: 100%;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] #wc26BaseStrip .wb-base-mini .wallboard-mini-footer {
  height: 100%;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 clamp(20px, 4vw, 48px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 0;
  background: transparent;
  color: rgba(248, 250, 252, 0.9);
}

body.wb-fullscreen.wbwc26[data-event="wc26"] .wallboard-mini-footer__inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: clamp(12px, 3vw, 32px);
  width: 100%;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] .wb-mini-footer-left {
  justify-self: start;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] .wb-mini-footer-center {
  justify-self: center;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] .wb-mini-footer-right {
  justify-self: end;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] #wc26BaseStrip .wallboard-mini-footer small {
  color: inherit;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] #wc26BaseStrip .wallboard-id {
  color: rgba(248, 250, 252, 0.9);
}

body.wb-fullscreen.wbwc26[data-event="wc26"] #wc26BaseStrip .wallboard-id .wb-brand {
  color: rgba(248, 250, 252, 0.95);
  background: rgba(248, 250, 252, 0.18);
}

body.wb-fullscreen.wbwc26[data-event="wc26"] #wc26BaseStrip .wb-base-ad .wb-bottom-ad {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: stretch;
  justify-content: center;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] #wc26BaseStrip .wb-base-ad .wrap.ad-slot {
  flex: 1 1 auto;
  height: var(--wb-ad-height);
  margin: 0 !important;
  padding: clamp(10px, 2vw, 20px);
  width: 100%;
  max-width: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

body.wb-fullscreen.wbwc26[data-event="wc26"] #wc26BaseStrip .wb-base-ad .wrap.ad-slot ins,
body.wb-fullscreen.wbwc26[data-event="wc26"] #wc26BaseStrip .wb-base-ad .wrap.ad-slot iframe {
  max-height: calc(var(--wb-ad-height) - clamp(12px, 2vw, 24px));
}

body.wb-fullscreen.wbwc26[data-event="wc26"] .wallboard-show-btn {
  z-index: 10000;
}

@media (max-width: 900px) {
  body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: auto auto auto;
    grid-template-areas:
      "local local local"
      "east central mountain"
      "pacific pacific pacific";
  }

  body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-slot[data-zone="local"] {
    grid-row: auto;
    grid-column: auto;
    min-height: auto;
  }
}

@media (max-width: 600px) {
  body.wb-fullscreen.wbwc26[data-event="wc26"] .clock-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "local"
      "east"
      "central"
      "mountain"
      "pacific";
  }
}