.ps-key{--ps-cell:96px;display:grid;grid-template-columns:repeat(var(--ps-n),minmax(0,1fr));width:100%;max-width:calc(var(--ps-n) * var(--ps-cell));margin-inline:auto;border:var(--border-weight) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-paper);overflow:hidden;transform-origin:center center}.ps-key--play{--ps-cell:56px}.ps-key__cell{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6%;border-right:1px solid var(--color-ink)}.ps-key__cell:last-child{border-right:none}.ps-key__shape{width:42%;height:42%}.ps-key__digit{position:relative;display:flex;align-items:center;justify-content:center;height:1em;min-width:1.2em;font-size:34px;line-height:1;font-variant-numeric:tabular-nums}.ps-key--play .ps-key__digit{font-size:20px}.ps-key__fuse{position:absolute;left:0;bottom:-.16em;height:2px;width:100%;background:var(--color-ink)}.ps-key--play .ps-key__fuse{height:1px}.ps-key__blank{display:block;width:.9em;height:1px;background:var(--color-ink)}.ps-trial{animation:ps-arrive var(--motion-base) var(--ease-glide) var(--motion-slow) both}@keyframes ps-arrive{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.ps-trial{animation:none}}