/* SpriteChest.com - Map Styles */
html, body { margin: 0; padding: 0; height: 100%; }
body { overflow: hidden; }

.leaflet-container {
  background: #2e3137;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.leaflet-control-zoom a {
  background: rgba(20,20,40,.9) !important;
  color: #e0e0e0 !important;
  border-color: rgba(255,255,255,.1) !important;
}
.leaflet-control-zoom a:hover {
  background: rgba(40,40,70,.9) !important;
}

.chest-tooltip {
  background: rgba(20,20,40,.95) !important;
  border: 1px solid rgba(245,230,66,.4) !important;
  color: #f5e642 !important;
  font-size: 10px !important;
  padding: 3px 6px !important;
  border-radius: 4px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.6) !important;
  white-space: nowrap !important;
}
.chest-tooltip::before {
  border-top-color: rgba(245,230,66,.4) !important;
}

.poi-label {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.poi-label div {
  pointer-events: none;
  user-select: none;
}

#sidebar-content::-webkit-scrollbar { width: 4px; }
#sidebar-content::-webkit-scrollbar-track { background: transparent; }
#sidebar-content::-webkit-scrollbar-thumb { background: rgba(255,255,255,.1); border-radius: 2px; }
#sidebar-content::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.2); }