/* BrowserHintOverlay 浏览器提示样式 */

.overlay {
  position: absolute;
  top: var(--spacing-2, 8px);
  right: var(--spacing-2, 8px);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--spacing-1, 4px);
  z-index: 20;
  pointer-events: none;
}

.emoji {
  font-size: 24px;
  line-height: 1;
}

.hintBubble {
  padding: var(--spacing-2, 8px) var(--spacing-3, 12px);
  background: var(--color-blur-background, rgba(13, 11, 20, 0.85));
  border-radius: var(--radius-md, 8px);
  font-size: var(--font-size-sm, 12px);
  font-weight: 500;
  color: #fff;
  white-space: pre-line;
  backdrop-filter: blur(10px);
  max-width: 200px;
}
