.shows-menu { position: relative; }
.shows-menu > summary { cursor: pointer; list-style: none; }
.shows-menu > summary::-webkit-details-marker { display: none; }
.shows-menu > summary::marker { content: ""; }
.shows-menu > summary::after { content: none; }
.shows-menu[open] { z-index: 100; }
.shows-menu-panel {
  position: absolute; z-index: 100; top: calc(100% + 8px); left: 0;
  display: grid; width: max-content; min-width: 180px; max-width: min(300px, calc(100vw - 24px));
  max-height: min(420px, 65vh); overflow-y: auto; padding: 5px;
  border: 2px solid var(--menu-border, rgba(7,19,63,.14)); border-radius: 8px;
  background: var(--menu-surface, linear-gradient(180deg, rgba(255,248,253,.98), rgba(239,244,255,.96)), #fff);
  box-shadow: var(--menu-shadow, inset 0 1px 0 rgba(255,255,255,.88), 0 3px 0 rgba(7,19,63,.12), 0 14px 24px rgba(7,19,63,.16));
}
.shows-menu-panel a {
  display: flex; align-items: center; justify-content: flex-start; gap: 8px;
  width: 100%; min-height: 38px; padding: 8px 10px; border: 0; border-radius: 5px;
  background: transparent; box-shadow: none; color: var(--menu-ink, var(--ink, #07133f));
  font: 900 .82rem/1.2 "Barlow Semi Condensed", Arial, sans-serif;
  text-decoration: none; text-shadow: none; text-align: left;
}
.shows-menu-panel a:hover, .shows-menu-panel a:focus-visible { background: var(--menu-hover, rgba(99,217,202,.18)); }
.shows-menu-panel img { display: block; width: 20px; height: 20px; flex: 0 0 20px; object-fit: contain; }
.shows-menu-panel span { overflow-wrap: anywhere; }
.shows-menu :is(summary, a):focus-visible { outline: 3px solid var(--menu-focus, #49938e); outline-offset: 2px; }

/* Compact overflow navigation immediately after Play. */
.main-tabs .more-menu > summary { width: 38px; min-width: 38px; padding: 5px 9px; }
.more-menu-caret { display: block; transition: transform .15s ease; }
.more-menu[open] .more-menu-caret { transform: rotate(180deg); }
.more-menu .shows-menu-panel { transform: translateX(var(--more-menu-shift, 0px)); left: 0; right: auto; min-width: 210px; }
.more-menu .shows-menu-panel a[aria-current="page"] { background: var(--menu-active, rgba(255,125,184,.2)); }
.more-menu-unavailable { display: flex; align-items: center; gap: 8px; min-height: 38px; padding: 8px 10px; color: var(--menu-muted, #58617b); font: 900 .82rem/1.2 "Barlow Semi Condensed", Arial, sans-serif; }
.more-menu-casino-icon { width: 20px; flex: 0 0 20px; text-align: center; font-size: 23px; }
.more-menu-unavailable small { margin-left: auto; white-space: nowrap; font-size: .68rem; font-weight: 600; }
@media (prefers-reduced-motion: reduce) { .more-menu-caret { transition: none; } }

/* Share the page palette with both header dropdowns, including unavailable links. */
body.is-dbd-game-view .shows-menu {
  --menu-surface:linear-gradient(160deg,var(--dbd-panel-soft),var(--dbd-panel-strong)),#14100e;
  --menu-border:var(--dbd-border); --menu-ink:var(--dbd-cream); --menu-muted:var(--dbd-muted);
  --menu-hover:color-mix(in srgb,var(--dbd-red) 22%,var(--dbd-panel-strong));
  --menu-active:var(--menu-hover); --menu-focus:var(--dbd-red);
  --menu-shadow:inset 0 1px 0 #fff1,0 3px 0 #0005,0 14px 24px #0005;
}
body.jungle-hustle-page .shows-menu {
  --menu-surface:linear-gradient(160deg,var(--jh-canopy),var(--jh-panel-strong)),#080b06;
  --menu-border:var(--jh-border); --menu-ink:var(--jh-text-bright); --menu-muted:var(--jh-text);
  --menu-hover:color-mix(in srgb,var(--jh-brass) 22%,var(--jh-canopy));
  --menu-active:var(--menu-hover); --menu-focus:var(--jh-brass);
  --menu-shadow:inset 0 1px 0 #fff1,0 3px 0 #0005,0 14px 24px #0005;
}
body.spilled-page:not(.palais-page) .shows-menu {
  --menu-surface:linear-gradient(160deg,var(--spilled-mint-light),#fffef8);
  --menu-border:var(--spilled-mint); --menu-ink:var(--ink); --menu-muted:var(--muted);
  --menu-hover:var(--spilled-mint); --menu-active:var(--spilled-mint); --menu-focus:#39764d;
}
body.palais-page .shows-menu {
  --menu-surface:linear-gradient(180deg,#843c3a,#532326);
  --menu-border:var(--palais-border); --menu-ink:var(--palais-cream); --menu-muted:var(--palais-cream-soft);
  --menu-hover:#a9534e; --menu-active:#a9534e; --menu-focus:var(--palais-gold);
  --menu-shadow:inset 0 1px 0 #fff2,0 3px 0 #49161966,0 14px 24px #49161955;
}
body.madhouse-page .shows-menu {
  --menu-surface:linear-gradient(160deg,#fffaf0,#f4ead8); --menu-border:#b5a080;
  --menu-ink:#493726; --menu-muted:#705b42; --menu-hover:#e9d9bc; --menu-active:#e9d9bc; --menu-focus:#9f572c;
}
body.magnate-page .shows-menu {
  --menu-surface:linear-gradient(160deg,var(--magnate-champagne),var(--magnate-rose));
  --menu-border:var(--magnate-rule); --menu-ink:var(--magnate-ink); --menu-muted:var(--magnate-muted);
  --menu-hover:var(--magnate-rose); --menu-active:var(--magnate-rose); --menu-focus:var(--magnate-gold);
}
body.has-show-theme .shows-menu {
  --menu-ink:var(--custom-show-text);
  --menu-muted:color-mix(in srgb,var(--custom-show-text) 80%,var(--custom-show-surface));
  --menu-active:color-mix(in srgb,var(--custom-show-accent) 24%,var(--custom-show-surface));
  --menu-focus:var(--custom-show-accent);
}