/* Floating hotbar slots (js/hotbar.js): momentary presses, never a stuck "lit" look.
   Loaded right after gloop.css. gloop.css's unscoped .gk-slot:hover (brighter text +
   green border) stayed on while the cursor rested on a slot after a click, and sticks
   after a tap on touch screens, so it read as "held". Undo it here, then give real mouse
   pointers only a faint, neutral border hint. The press flash is gk-pulse (gloop.css). */
.gk-slot:not(.is-active):hover { color: var(--mute); border-color: rgba(236, 230, 218, 0.1); }
.gk-mute[aria-pressed="true"]:hover { color: var(--hot); } /* muted state stays visible */
@media (hover: hover) and (pointer: fine) {
  .gk-slot:not(.is-active):hover { border-color: rgba(236, 230, 218, 0.22); }
}
.gk-slot:active { transform: scale(0.95); } /* only while physically held down */
.gk-slot { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
html.gl-rm .gk-slot:active, html.a11y-rm-on .gk-slot:active { transform: none; }
@media (prefers-reduced-motion: reduce) { .gk-slot:active { transform: none; } }