/* Tailwind loaded via CDN script in HTML files */

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

#map {
  width: 100%;
  height: 100%;
}

.zone-label, .venue-label, .gate-label {
  background: transparent !important;
  border: none !important;
}

.zone-tooltip, .venue-tooltip, .gate-tooltip {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}

.zone-tooltip::before,
.venue-tooltip::before,
.gate-tooltip::before {
  display: none !important;
}

.splash-screen {
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.splash-exit {
  opacity: 0;
  transform: scale(1.05);
}

/* Drawer */
.drawer {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  height: 85vh;
  touch-action: pan-y;
}

.drawer [data-drag-handle] {
  touch-action: none;
}

.drawer-content {
  max-height: calc(67vh - 80px);
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

.drawer::-webkit-scrollbar {
  display: none;
}