.key-sprite{display:inline-block;width:17px;height:16px;background-size:34px 16px;background-repeat:no-repeat;background-position:0 0;image-rendering:pixelated;vertical-align:middle;transform:scale(2);margin:0 2px}.key-sprite.animated{animation:key-press 1.2s steps(1)infinite}@keyframes key-press{0%,70%{background-position:0 0}40%,60%{background-position:-17px 0}}kbd{display:inline-block;padding:3px 8px;font-family:system-ui,-apple-system,sans-serif;font-size:.85em;font-weight:600;color:#1e293b;background:linear-gradient(180deg,#f8fafc 0%,#e2e8f0 100%);border:1px solid #cbd5e1;border-radius:4px;box-shadow:0 2px #94a3b8,inset 0 1px #fff;min-width:1.6em;text-align:center;line-height:1.4}@media(min-width:601px){img{cursor:default;transition:transform .2s ease}img:hover{transform:scale(1.5);z-index:10;position:relative;box-shadow:0 0 0 6px white,0 4px 20px rgba(0,0,0,.3);background:#fff}}