.keyboard-button{touch-action:manipulation;position:relative;display:inline-block;cursor:pointer;outline:none;vertical-align:middle;text-decoration:none;font-size:var(--kb-font-size);font-family:inherit;font-weight:600;color:var(--kb-text);text-transform:uppercase;padding:1em 1.5em;background:var(--kb-bg);border:2px solid var(--kb-border);border-radius:.75em;transform-style:preserve-3d;transition:transform .15s ease-out,background .15s ease-out,box-shadow .15s ease-out;margin-bottom:.75em}.keyboard-button:before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background:var(--kb-shadow-bg);border-radius:inherit;box-shadow:0 0 0 2px var(--kb-border),0 .625em 0 0 color-mix(in srgb,var(--kb-shadow) calc(var(--kb-shadow-opacity, 1) * 100%),transparent);transform:translate3d(0,.75em,-1em);transition:transform .15s ease-out,box-shadow .15s ease-out;z-index:-1}.keyboard-button:focus-visible,.keyboard-button:hover{background:var(--kb-hover-bg);transform:translateY(.25em)}.keyboard-button:focus-visible:before,.keyboard-button:hover:before{box-shadow:0 0 0 2px var(--kb-border),0 .5em 0 0 color-mix(in srgb,var(--kb-shadow) calc(var(--kb-shadow-opacity, 1) * 100%),transparent);transform:translate3d(0,.5em,-1em)}.keyboard-button.keyboard-button-pressed,.keyboard-button:active{background:var(--kb-hover-bg);transform:translateY(.75em)}.keyboard-button.keyboard-button-pressed:before,.keyboard-button:active:before{box-shadow:0 0 0 2px var(--kb-border),0 0 color-mix(in srgb,var(--kb-shadow) calc(var(--kb-shadow-opacity, 1) * 100%),transparent);transform:translateZ(-1em)}.keyboard-button-disabled{cursor:not-allowed;opacity:1;pointer-events:none}.keyboard-button-disabled:active,.keyboard-button-disabled:focus-visible,.keyboard-button-disabled:hover{transform:none;background:var(--kb-bg)}.keyboard-button-disabled:active:before,.keyboard-button-disabled:before,.keyboard-button-disabled:focus-visible:before,.keyboard-button-disabled:hover:before{box-shadow:0 0 0 2px var(--kb-border),0 .625em 0 0 color-mix(in srgb,var(--kb-shadow) calc(var(--kb-shadow-opacity, 1) * 100%),transparent);transform:translate3d(0,.75em,-1em)}.keyboard-button-text{position:relative;z-index:1}.keyboard-button-glow{box-shadow:0 0 18px 2px color-mix(in srgb,var(--kb-bg) 60%,transparent);animation:keyboard-button-glow-pulse 1.8s ease-in-out infinite}@keyframes keyboard-button-glow-pulse{0%,to{box-shadow:0 0 14px 1px color-mix(in srgb,var(--kb-bg) 45%,transparent)}50%{box-shadow:0 0 26px 5px color-mix(in srgb,var(--kb-bg) 75%,transparent)}}@media (prefers-reduced-motion:reduce){.keyboard-button-glow{animation:none;box-shadow:0 0 18px 2px color-mix(in srgb,var(--kb-bg) 60%,transparent)}}.mk-card{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:16px 16px 14px;border:1.5px solid;border-radius:15px;font-family:var(--font-play),system-ui,sans-serif}.mk-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.mk-badge{display:flex;flex:none;justify-content:center;width:46px;height:46px;border-radius:13px;font-size:24px}.mk-badge,.mk-feat{align-items:center;line-height:1}.mk-feat{display:inline-flex;gap:5px;padding:4px 9px;border:1px solid rgba(251,191,36,.5);border-radius:999px;background:rgba(251,191,36,.14);color:#fcd34d;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.mk-card-name{margin-bottom:5px;font-size:18px;font-weight:700;line-height:1.15;text-shadow:0 1px 8px rgba(0,0,0,.35);text-wrap:balance}.mk-card-desc{display:-webkit-box;margin:0 0 14px;overflow:hidden;color:hsla(0,0%,100%,.72);font-family:system-ui,sans-serif;font-size:13.5px;line-height:1.42;text-wrap:pretty;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.mk-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.mk-qs{gap:5px;padding:3px 9px 3px 7px;border:1px solid;border-radius:999px;font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums}.mk-by,.mk-qs{display:inline-flex;align-items:center;white-space:nowrap}.mk-by{gap:6px;overflow:hidden;color:rgba(207,224,245,.68);font-family:system-ui,sans-serif;font-size:12px;font-weight:600;text-overflow:ellipsis}.mk-by-av{display:inline-flex;flex:none;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;font-family:var(--font-play),sans-serif;font-size:10.5px;font-weight:700}