:root{--page-gutter: 8px;--feedback-row: 40px;--side-column: clamp(300px, calc(100vw - 100svh - 24px) , 380px);--board-row-max: calc(100vw - 2 * var(--page-gutter))}@media(max-width:400px){:root{--page-gutter: 4px}}@media(max-width:368px){:root{--page-gutter: 2px}}.board-slot{container-type:size;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.board-slot>.board-fit{flex:none;width:min(100cqw,100cqh);aspect-ratio:1}.key-group{display:grid;grid-template-columns:repeat(8,minmax(44px,1fr));gap:3px}@container dock (max-width: 379px){.key-group{gap:1px}}@container dock (max-width: 358px){.key-group{gap:0}}@container dock (max-width: 351px){.key-group{grid-template-columns:repeat(4,minmax(44px,1fr));gap:4px}}.keypad-note{display:none;margin:0;min-height:32px;align-items:center;justify-content:center;gap:6px;font-size:13px;line-height:1.3}.keypad-note>.show-keypad{min-height:32px;padding:4px 10px;font:inherit}@media(pointer:fine)and (not (max-aspect-ratio:3/5))and (not (min-aspect-ratio:1)){:root[data-keypad=collapsed] .keypad-collapsible{display:none}:root[data-keypad=collapsed] .keypad-note{display:flex}}