/* Desktop-specific tweaks (loaded after base styles) */
@media (min-width: 901px) {
  .tile-label {
    display: none;
  }

  body.showCoords .tile-label {
    display: block;
  }

  /* Put fleets on the right so it doesn't cover the most common camera area */
  .fleets {
    left: auto;
    right: 16px;
    bottom: 16px;
  }

  .panel {
    scrollbar-color: rgba(255,255,255,0.22) rgba(255,255,255,0.05);
  }

  .panel::-webkit-scrollbar {
    width: 10px;
  }

  .panel::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.18);
    border-radius: 10px;
  }

  .panel::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.05);
    border-radius: 10px;
  }
}

.hoverTip {
  position: absolute;
  z-index: 40;
  pointer-events: none;
  min-width: 180px;
  max-width: 320px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(10, 14, 28, 0.88);
  backdrop-filter: blur(10px);
  font-size: 12px;
  line-height: 1.25;
  color: rgba(255,255,255,0.92);
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}

.hoverTip .mut {
  opacity: 0.75;
}