.minimap {
  position: fixed;
  bottom: var(--space-md);
  right: var(--space-md);
  width: 160px;
  height: 120px;
  background: var(--canvas-soft);
  border: 1px solid var(--hairline);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-soft);
  overflow: hidden;
  z-index: var(--z-sticky);
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.minimap:hover {
  opacity: 1;
  box-shadow: var(--shadow-elevated);
}

.minimap canvas {
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .minimap {
    width: 120px;
    height: 90px;
    bottom: 80px;
    right: var(--space-xs);
  }
}