.kbd-ref.svelte-2zfbs5{display:flex;flex-direction:column;align-items:center}.kbd-grid.svelte-2zfbs5{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,5vw,72px);width:100%;max-width:900px}.info-col.svelte-2zfbs5{display:flex;flex-direction:column;gap:20px}.kbd-label.svelte-2zfbs5{font-family:var(--font-display, "BN Rumble");font-size:clamp(1.5rem,3vw,2.25rem);color:#5c4a1e;opacity:.7;line-height:1}.desc.svelte-2zfbs5{display:grid}.desc-item.svelte-2zfbs5{grid-area:1 / 1;display:flex;flex-direction:column;justify-content:center;gap:10px;opacity:0;pointer-events:none;transition:opacity .2s ease}.desc-item.active.svelte-2zfbs5{opacity:1;pointer-events:auto}.desc-title.svelte-2zfbs5{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:800;color:#5c4a1e;margin:0;line-height:1.2}.desc-body.svelte-2zfbs5{font-size:clamp(.95rem,1.4vw,1.08rem);font-weight:500;color:#5c4a1e;opacity:.55;line-height:1.7;margin:0}.visual-col.svelte-2zfbs5{display:flex;flex-direction:column;align-items:center;gap:clamp(20px,3svh,32px)}.shape.svelte-2zfbs5{position:relative;width:clamp(160px,22vw,220px);height:clamp(160px,22vw,220px)}.shape-stroke.svelte-2zfbs5{position:absolute;inset:-4px;border-radius:32px;border:8px solid rgba(92,74,30,.08);transition:border-color .25s ease}.shape-stroke.colored.svelte-2zfbs5{border-color:#2dd4bf}.shape-fill-area.svelte-2zfbs5{position:absolute;inset:10px;border-radius:19px;overflow:hidden}.shape-checker.svelte-2zfbs5{position:absolute;inset:0;background:#5c4a1e14}.shape-fill-color.svelte-2zfbs5{position:absolute;inset:0;background:#2dd4bf;opacity:0;transition:opacity .25s ease}.shape-fill-color.active.svelte-2zfbs5{opacity:1}.shape-unlink.svelte-2zfbs5{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease;pointer-events:none}.shape-unlink.visible.svelte-2zfbs5{opacity:1}.unlink-badge.svelte-2zfbs5{width:48px;height:48px;border-radius:50%;background:#ffffffeb;border:1.5px solid rgba(92,74,30,.12);display:flex;align-items:center;justify-content:center;color:#5c4a1e;box-shadow:0 2px 8px #00000014}.key-row.svelte-2zfbs5{display:flex;gap:10px}.key-cap.svelte-2zfbs5{--key-clr: #f9a8d4;appearance:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 24px 12px;min-width:90px;background:#ffffff59;border:1.5px solid rgba(92,74,30,.15);border-bottom-width:5px;border-radius:14px;cursor:pointer;transition:transform .1s ease,background .15s ease,border-color .15s ease,border-bottom-width .1s ease;-webkit-user-select:none;user-select:none;font-family:inherit;flex:1}.key-cap.svelte-2zfbs5:active{transform:translateY(2px);border-bottom-width:1.5px}.key-cap.active.svelte-2zfbs5{background:var(--key-clr);border-color:#5c4a1e40}.key-name.svelte-2zfbs5{font-size:1rem;font-weight:800;color:#5c4a1e;line-height:1}.key-hint.svelte-2zfbs5{font-size:.6rem;font-weight:700;color:#5c4a1e;opacity:.35;text-transform:uppercase;letter-spacing:.06em;line-height:1}.keys-caption.svelte-2zfbs5{font-size:.72rem;font-weight:700;color:#5c4a1e;opacity:.25;text-transform:uppercase;letter-spacing:.05em}@media(max-width:700px){.kbd-grid.svelte-2zfbs5{grid-template-columns:1fr;gap:clamp(24px,3.5svh,36px);text-align:center}.info-col.svelte-2zfbs5{order:1;align-items:center}.visual-col.svelte-2zfbs5{order:2}.desc-item.svelte-2zfbs5{align-items:center}.desc-body.svelte-2zfbs5{max-width:400px}.key-row.svelte-2zfbs5{width:100%;max-width:340px}.key-cap.svelte-2zfbs5{min-width:0;padding:16px 12px 14px}.key-name.svelte-2zfbs5{font-size:1.1rem}.key-hint.svelte-2zfbs5{font-size:.65rem}}@media(max-width:399px){.shape.svelte-2zfbs5{width:130px;height:130px}.shape-stroke.svelte-2zfbs5{inset:-3px;border-radius:26px;border-width:6px}.shape-fill-area.svelte-2zfbs5{inset:8px;border-radius:16px}.shape-checker.svelte-2zfbs5{background-size:12px 12px}.unlink-badge.svelte-2zfbs5{width:40px;height:40px}.unlink-badge.svelte-2zfbs5 svg{width:20px;height:20px}.key-cap.svelte-2zfbs5{padding:14px 10px 12px;border-radius:12px}.key-name.svelte-2zfbs5{font-size:1rem}.key-hint.svelte-2zfbs5{font-size:.58rem}.desc-title.svelte-2zfbs5{font-size:1.1rem}.desc-body.svelte-2zfbs5{font-size:.85rem}}@media(prefers-reduced-motion:reduce){.shape-fill-color.svelte-2zfbs5,.shape-stroke.svelte-2zfbs5,.shape-unlink.svelte-2zfbs5{transition:none}}