/* V5.0.435 — Piano/Menu optical hover only. No geometry changes, no key compression. */
.bhk-v5-playerRail__contentSlot--menu .bhk-v5-playerRail__pianoKey:hover,
.bhk-v5-playerRail__contentSlot--menu .bhk-v5-playerRail__pianoKey:focus-visible,
.bhk-v5-playerRail__contentSlot--menu .bhk-v5-playerRail__pianoKey.is-current {
  outline: 1px solid color-mix(in srgb, var(--v5-accent) 68%, transparent);
  outline-offset: -1px;
  filter: brightness(1.055) saturate(1.03);
}

.bhk-v5-playerRail__contentSlot--menu .bhk-v5-playerRail__pianoKey:hover::after,
.bhk-v5-playerRail__contentSlot--menu .bhk-v5-playerRail__pianoKey:focus-visible::after,
.bhk-v5-playerRail__contentSlot--menu .bhk-v5-playerRail__pianoKey.is-current::after {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .72) 44%, rgba(245, 228, 188, .98) 100%),
    radial-gradient(circle at 88% 50%, rgba(255, 255, 255, .72), transparent 44%),
    linear-gradient(180deg, rgba(255, 253, 239, .98), rgba(221, 199, 157, .92));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .9),
    inset -4px 0 8px rgba(255, 255, 255, .35),
    inset 0 -6px 10px rgba(86, 58, 27, .16),
    -10px 0 16px rgba(255, 255, 255, .12),
    0 0 18px rgba(255, 47, 213, .10);
}

.bhk-v5-playerRail__contentSlot--menu .bhk-v5-playerRail__pianoKey:hover strong,
.bhk-v5-playerRail__contentSlot--menu .bhk-v5-playerRail__pianoKey:focus-visible strong,
.bhk-v5-playerRail__contentSlot--menu .bhk-v5-playerRail__pianoKey.is-current strong {
  text-shadow:
    0 1px 0 rgba(255, 255, 255, .72),
    0 0 8px rgba(255, 255, 255, .35);
}

/* BHK-V5-PIANO-HOVER-OPTICAL-435: hover remains optical-only. */

/* BHK-V5-PIANO-MENU-VISIBILITY-435A: hover remains optical-only after deck recovery. */


/* V5.0.437 — optical hover only for recovered ivory keyboard. */
.bhk-v5-playerRail[data-bhk-v5-rail-current="menu"] .bhk-v5-playerRail__pianoKey:hover,
html[data-bhk-v5-rail="menu"] .bhk-v5-playerRail__pianoKey:hover,
.bhk-v5-playerRail[data-bhk-v5-rail-current="menu"] .bhk-v5-playerRail__pianoKey:focus-visible,
html[data-bhk-v5-rail="menu"] .bhk-v5-playerRail__pianoKey:focus-visible,
.bhk-v5-playerRail[data-bhk-v5-rail-current="menu"] .bhk-v5-playerRail__pianoKey.is-current,
html[data-bhk-v5-rail="menu"] .bhk-v5-playerRail__pianoKey.is-current {
  outline: 1px solid rgba(255,47,213,.46) !important;
  outline-offset: -1px !important;
  filter: brightness(1.055) saturate(1.04) !important;
}

.bhk-v5-playerRail[data-bhk-v5-rail-current="menu"] .bhk-v5-playerRail__pianoKey:hover .bhk-v5-playerRail__keyCopy::before,
html[data-bhk-v5-rail="menu"] .bhk-v5-playerRail__pianoKey:hover .bhk-v5-playerRail__keyCopy::before,
.bhk-v5-playerRail[data-bhk-v5-rail-current="menu"] .bhk-v5-playerRail__pianoKey:focus-visible .bhk-v5-playerRail__keyCopy::before,
html[data-bhk-v5-rail="menu"] .bhk-v5-playerRail__pianoKey:focus-visible .bhk-v5-playerRail__keyCopy::before,
.bhk-v5-playerRail[data-bhk-v5-rail-current="menu"] .bhk-v5-playerRail__pianoKey.is-current .bhk-v5-playerRail__keyCopy::before,
html[data-bhk-v5-rail="menu"] .bhk-v5-playerRail__pianoKey.is-current .bhk-v5-playerRail__keyCopy::before {
  background:
    linear-gradient(90deg, rgba(255,255,255,.21), rgba(255,255,255,.80) 44%, rgba(246,229,188,.99) 100%),
    radial-gradient(circle at 86% 50%, rgba(255,255,255,.84), transparent 42%),
    linear-gradient(180deg, rgba(255,254,242,.99), rgba(222,199,157,.94));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    inset -4px 0 9px rgba(255,255,255,.36),
    inset 0 -7px 11px rgba(80,54,24,.15),
    -11px 0 17px rgba(255,255,255,.13),
    0 0 18px rgba(255,47,213,.11) !important;
}

.bhk-v5-playerRail[data-bhk-v5-rail-current="menu"] .bhk-v5-playerRail__pianoKey.has-blackKey:hover::after,
html[data-bhk-v5-rail="menu"] .bhk-v5-playerRail__pianoKey.has-blackKey:hover::after,
.bhk-v5-playerRail[data-bhk-v5-rail-current="menu"] .bhk-v5-playerRail__pianoKey.has-blackKey:focus-visible::after,
html[data-bhk-v5-rail="menu"] .bhk-v5-playerRail__pianoKey.has-blackKey:focus-visible::after {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset -9px 0 18px rgba(255,255,255,.07),
    inset 0 -10px 18px rgba(0,0,0,.52),
    8px 0 14px rgba(0,0,0,.26),
    0 0 18px rgba(255,47,213,.10) !important;
}

/* BHK-V5-PIANO-HOVER-REAL-IVORY-437: hover is optical only, no geometry motion. */