/* Board SVG overlay styles */
.key-group rect[data-role="key"] {
  transition: fill 0.1s;
}

.key-group rect[data-role="key"]:hover {
  fill: rgba(232, 230, 216, 0.08) !important;
  stroke: rgba(232, 230, 216, 0.3) !important;
  stroke-width: 0.5 !important;
}

.key-group rect[data-role="key"]:active,
.key-group rect[data-role="key"].pressed {
  fill: rgba(232, 230, 216, 0.15) !important;
  stroke: #e8e6d8 !important;
}

/* Display segments glow */
#display-overlay rect,
#display-overlay circle {
  transition: opacity 0.05s;
}