.sn-speed{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.sn-speed input{width:110px}.sn-stage{width:min(100%,480px,max(240px,100svh - 400px));margin:0 auto;position:relative}.sn-canvas{aspect-ratio:1;border:3px solid var(--ink);border-radius:var(--radius);touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.sn-over{text-align:center;background:color-mix(in srgb,var(--surface)88%,transparent);border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.sn-over p{margin:0}.sn-pad{grid-template-columns:repeat(3,64px);grid-template-areas:".up.""left pause right"".down.";justify-content:center;gap:8px;display:grid}.sn-pad .btn{justify-content:center;min-height:52px;padding:0;font-size:22px}.sn-up{grid-area:up}.sn-left{grid-area:left}.sn-right{grid-area:right}.sn-down{grid-area:down}.sn-pause{grid-area:pause;font-size:16px!important}@media (hover:hover) and (pointer:fine){.sn-pad{display:none}}