/**
 * HUD Key Legend — Bottom-right keyboard shortcut overlay.
 *
 * Used by: hud-key.js (singleton, global).
 * Prefix: .mm-hud-key*
 */

.mm-hud-key {
    position: fixed;
    bottom: 20px;
    right: 24px;
    z-index: 310;
    display: grid;
    grid-template-columns: auto auto;
    gap: 2px 8px;
    font-family: var(--ase-font-mono, monospace);
    font-size: 10px;
    letter-spacing: 0.15em;
    color: rgba(255, 255, 255, 0.55);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.mm-hud-key.mm-hud-key-visible {
    opacity: 1;
}

.mm-hud-key-key {
    text-align: right;
}

.mm-hud-key-label {
    text-align: left;
}

.mm-hud-key-key.mm-hud-key-active,
.mm-hud-key-label.mm-hud-key-active {
    color: var(--ase-mm-hud-active, #7f1d1e);
}