.sl-new{margin-left:auto}.sl-board{aspect-ratio:1;background:var(--ink);border-radius:var(--radius);gap:6px;width:min(100%,440px,max(200px,100svh - 440px));margin:0 auto;padding:8px;display:grid;container-type:inline-size}.sl-tile{background:var(--surface);color:var(--ink);font-family:var(--f-display);font-size:min(40px,calc(42cqi/var(--n,4)));cursor:pointer;border:0;border-radius:8px;padding:0;transition:background .1s}.sl-tile.can:hover{background:color-mix(in srgb,var(--accent)22%,var(--surface))}.sl-tile.done{background:var(--good-tint);cursor:default}.sl-tile:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sl-gap{background:color-mix(in srgb,var(--surface)12%,var(--ink));border-radius:8px}.sl-win{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.sl-win p{margin:0}