#overview-seats {
  position: absolute;
  z-index: 3;
  top: calc(max(16px, env(safe-area-inset-top, 0px)) + var(--ir-topbar-height, 66px) + 12px);
  left: 16px;
  width: 310px;
  padding: 12px;
  border: 1px solid var(--ir-edge, #337391);
  border-radius: 14px;
  background: #0b2133ed;
}
#overview-seats > strong { display: block; margin-bottom: 8px; font-size: 13px; color: var(--ir-blue, #66ccff); }
#overview-seat-form { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
#overview-seat-form label { display: grid; gap: 5px; min-width: 0; color: var(--ir-muted, #a8b6c5); font-size: 11px; }
#overview-seat-form select { width: 100%; min-width: 0; min-height: 36px; padding-inline: 7px; font-size: 12px; background: #102c41; }
#overview-locate { grid-column: 1 / -1; min-height: 36px; color: #081d2e; background: var(--ir-blue, #66ccff); font-size: 12px; font-weight: 600; }
#overview-locate:hover { background: var(--ir-yellow, #ffff00); }
#scene:has(#venue-tools:popover-open) #overview-seats { visibility: hidden; }
html #glowstick-actions #glowstick-help {
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid var(--ir-blue, #66ccff) !important;
  border-radius: 50% !important;
  color: var(--ir-blue, #66ccff) !important;
  background: #102c41 !important;
  font: 600 17px/1 system-ui, sans-serif !important;
}
html #glowstick-actions #glowstick-help:hover { color: #081d2e !important; background: var(--ir-blue, #66ccff) !important; }
#action-help {
  width: min(990px, calc(100vw - 24px));
  max-width: none;
  max-height: calc(100dvh - 32px);
  padding: 0;
  border: 1px solid var(--ir-blue, #66ccff);
  border-radius: 16px;
  background: #0b2133;
  color: #edf4fa;
  box-shadow: 0 20px 80px #0009;
  overflow: auto;
}
#action-help::backdrop { background: #020b15bd; backdrop-filter: blur(5px); }
.action-help-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px 6px; }
.action-help-header h2 { margin: 0; font-size: 17px; color: var(--ir-blue, #66ccff); }
#action-help-close { flex: 0 0 36px; width: 36px; min-height: 36px; padding: 0; font-size: 23px; }
.action-help-hint { margin: 0 16px 12px; font-size: 12px; color: var(--ir-muted, #a8b6c5); }
#action-help-track { position: relative; display: flex; gap: 16px; padding: 0 16px 12px; overflow-x: auto; overscroll-behavior: contain; scrollbar-width: auto; scrollbar-color: #66ccff #102c41; }
#action-help-track::-webkit-scrollbar { height: 12px; }
#action-help-track::-webkit-scrollbar-track { background: #102c41; border-radius: 8px; }
#action-help-track::-webkit-scrollbar-thumb { background: #66ccff; border: 3px solid #102c41; border-radius: 8px; }
#action-help-track figure { flex: 0 0 auto; width: 870px; margin: 0; }
#action-help-track figcaption { margin: 0 0 8px; font-size: 14px; font-weight: 600; }
#action-help-track img { display: block; width: 870px; height: auto; max-width: none; border-radius: 8px; background: white; }
.action-help-navigation { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 12px 16px 0; }
.action-help-navigation button { min-height: 36px; padding-inline: 10px; font-size: 12px; }
#action-help-current { text-align: center; font-size: 12px; }
.action-help-slider { display: block; margin: 12px 18px 16px; }
#action-help-scroll { display: block; width: 100%; min-height: 24px; margin: 0; accent-color: #66ccff; }
@media(max-width: 680px) {
  #overview-seats { left: 10px; width: min(310px, calc(100vw - 20px)); padding: 10px; }
  #action-help { width: calc(100vw - 16px); max-height: calc(100dvh - 20px); border-radius: 12px; }
  .action-help-header { padding: 10px 12px 6px; }
  .action-help-hint { margin-inline: 12px; }
  #action-help-track { padding-inline: 12px; }
}
@media(max-height: 450px) and (min-width: 681px) {
  #overview-seats { top: 12px; left: 310px; width: 290px; }
}