.venue-opening {
  position: fixed;
  inset: 0;
  z-index: 24;
  pointer-events: none;
  color: var(--paper);
  text-shadow: 0 2px 12px rgb(0 0 0 / .9);
}
.venue-opening-title {
  position: absolute;
  left: max(24px, env(safe-area-inset-left));
  bottom: max(36px, calc(env(safe-area-inset-bottom) + 24px));
  display: grid;
  gap: 2px;
  max-width: calc(100vw - 48px);
}
.venue-opening-title span {
  color: var(--yellow);
  font: 800 14px/1.2 var(--font-body);
}
.venue-opening-title strong {
  font: 400 clamp(36px, 8vh, 72px)/1 var(--font-display);
}
.venue-opening-skip {
  position: absolute;
  top: max(18px, calc(env(safe-area-inset-top) + 8px));
  right: max(18px, calc(env(safe-area-inset-right) + 8px));
  min-width: 96px;
  min-height: 44px;
  padding: 9px 14px;
  border: 1px solid var(--paper);
  background: rgb(var(--ink-rgb) / .9);
  color: var(--paper);
  font: 800 14px/1.2 var(--font-body);
  text-transform: uppercase;
  cursor: pointer;
  pointer-events: auto;
}
.venue-opening-skip:focus-visible { outline: 3px solid var(--yellow); outline-offset: 3px; }
@media (max-width: 600px) {
  .venue-opening-title { left: max(16px, env(safe-area-inset-left)); bottom: max(22px, calc(env(safe-area-inset-bottom) + 12px)); }
  .venue-opening-title strong { font-size: clamp(32px, 5vh, 52px); }
}