.demo-tiles.svelte-s6wspk{gap:4px;display:inline-flex}.demo-tile.svelte-s6wspk{--demo-side:min(var(--demo-tile,34px), calc((100vw - 36px - (var(--demo-count,5) - 1) * 4px) / var(--demo-count,5)));width:var(--demo-side);height:var(--demo-side);border:2px solid var(--tile-border-filled);border-radius:min(calc(var(--game-tile-corner) * .35), calc(var(--demo-side) * .24));color:var(--text);font-family:var(--font-heading);font-size:calc(var(--demo-side) * .52);text-transform:uppercase;background:0 0;place-items:center;font-weight:800;line-height:1;display:grid}.demo-tiles[data-size=sm].svelte-s6wspk{--demo-tile:24px;gap:3px}.demo-tiles[data-size=lg].svelte-s6wspk{--demo-tile:46px;gap:5px}.demo-tile[data-hint-state=c].svelte-s6wspk,.demo-tile[data-hint-state=p].svelte-s6wspk,.demo-tile[data-hint-state=a].svelte-s6wspk{color:#fff;border-color:#0000}.demo-tile[data-hint-state=c].svelte-s6wspk{background:var(--color-correct)}.demo-tile[data-hint-state=p].svelte-s6wspk{background:var(--color-present)}.demo-tile[data-hint-state=a].svelte-s6wspk{background:var(--color-absent)}.classic .demo-tile.svelte-s6wspk{border-radius:0}@media (width<=640px){.demo-tiles.svelte-s6wspk{gap:3px}.demo-tile.svelte-s6wspk{--demo-tile:28px}.demo-tiles[data-size=sm].svelte-s6wspk{--demo-tile:21px}.demo-tiles[data-size=lg].svelte-s6wspk{--demo-tile:40px}}.app-showcase.svelte-h5f4pd{--hub-surface:var(--bg);background:color-mix(in srgb, var(--text) 5%, var(--bg));overflow:hidden}.classic .app-showcase.svelte-h5f4pd{border-block:2px solid var(--border);background:color-mix(in srgb, var(--text) 6%, var(--bg))}.paper .app-showcase.svelte-h5f4pd{background:color-mix(in srgb, var(--bg-elevated) 58%, var(--bg))}.showcase-inner.svelte-h5f4pd{max-width:var(--content-max);grid-template-columns:1.05fr 1fr;align-items:end;gap:clamp(24px,5vw,56px);margin-inline:auto;padding:clamp(44px,7vw,96px) clamp(14px,3.5vw,24px) 0;display:grid}.showcase-copy.svelte-h5f4pd{justify-items:start;gap:22px;padding-bottom:clamp(44px,7vw,96px);display:grid}.showcase-copy.svelte-h5f4pd h2:where(.svelte-h5f4pd){font-family:var(--font-heading);letter-spacing:-.03em;font-size:clamp(1.6rem,4vw,2.25rem);font-weight:800;line-height:1.12}.showcase-copy.svelte-h5f4pd p:where(.svelte-h5f4pd){max-width:30rem;color:var(--text-muted);font-size:1rem;line-height:1.7}.showcase-copy.svelte-h5f4pd .store-buttons{justify-content:flex-start}.showcase-devices.svelte-h5f4pd{justify-content:center;align-items:flex-end;display:flex}.showcase-devices.svelte-h5f4pd img:where(.svelte-h5f4pd){width:min(100%,560px);height:auto;display:block}@media (width<=760px){.showcase-inner.svelte-h5f4pd{grid-template-columns:1fr;gap:clamp(20px,5vw,32px);padding-top:clamp(36px,8vw,56px)}.showcase-copy.svelte-h5f4pd{text-align:center;justify-items:center;padding-bottom:0}.showcase-copy.svelte-h5f4pd .store-buttons{justify-content:center}.showcase-devices.svelte-h5f4pd img:where(.svelte-h5f4pd){width:min(86vw,460px)}}