Inventory {
  background: linear-gradient(135deg, #0a1a2b 0%, #08111f 100%);
  border: 3px solid #2a3d54;
  border-radius: 14px;
  font-family: 'Orbitron', 'Poppins', sans-serif;
  position: absolute;
  width: 30%;
  height: 96vh;
  right: 20px;
  top: 20px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  transition: all 0.2s ease;
  z-index: 100;
  overflow: hidden;

  pointer-events: all;

  &.hidden {
    opacity: 0;
  }
}

.inventory-panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.hidden {
  opacity: 0;
}