.play-area.svelte-1pyfpiz{--columns:2;--rows:var(--rows-2);flex-direction:column;display:flex}.board.svelte-1pyfpiz{grid-template-columns:repeat(var(--columns), minmax(0, 1fr));padding:0 0 calc(72px + env(safe-area-inset-bottom));gap:10px;margin:16px 0 0;list-style:none;display:grid}.pad.svelte-1pyfpiz{border-radius:10px;min-width:0}.face.svelte-1pyfpiz{width:100%;height:clamp(112px,50vw - 21px,180px);min-height:88px;scroll-margin-bottom:calc(80px + env(safe-area-inset-bottom));text-align:left;cursor:pointer;color:var(--ink);background:var(--panel);border:1px solid var(--rule);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:10px;flex-direction:column;justify-content:space-between;gap:4px;padding:10px;transition:background-color 90ms,border-color 90ms;display:flex}.face.svelte-1pyfpiz:focus-visible,.copy.svelte-1pyfpiz:focus-visible{outline:2px solid var(--focus,currentColor);outline-offset:2px}.face.svelte-1pyfpiz:disabled{color:var(--ink-3);cursor:default}.pad[data-playing].svelte-1pyfpiz .face:where(.svelte-1pyfpiz){background:var(--cobalt-soft);border-color:var(--focus);box-shadow:inset 0 0 0 1px var(--focus)}.pad[data-playing].svelte-1pyfpiz .key:where(.svelte-1pyfpiz){background:var(--focus);border-color:var(--focus);color:var(--cobalt-ink)}.top.svelte-1pyfpiz{color:var(--ink-2);align-items:center;gap:6px;font-size:13px;display:flex}.time.svelte-1pyfpiz{font-variant-numeric:tabular-nums}.license.svelte-1pyfpiz{margin-left:auto}.key.svelte-1pyfpiz{min-width:24px;height:24px;font:inherit;color:var(--ink);border:1px solid var(--rule);background:var(--page);border-radius:5px;justify-content:center;align-items:center;padding:0 6px;font-weight:500;transition:background-color 90ms,border-color 90ms;display:none}.title.svelte-1pyfpiz{letter-spacing:-.02em;overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex-shrink:0;font-size:18px;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.sliver.svelte-1pyfpiz{flex-shrink:0;width:100%;display:block}.controls.svelte-1pyfpiz{z-index:10;padding:10px 0 calc(10px + env(safe-area-inset-bottom));background:var(--page);border-top:1px solid var(--rule);gap:8px;display:flex;position:sticky;bottom:0}.controls.svelte-1pyfpiz button,.controls.svelte-1pyfpiz a:where(.svelte-1pyfpiz){touch-action:manipulation;flex:1;min-height:44px}.play-help.svelte-1pyfpiz{color:var(--ink-2);margin-top:12px;font-size:14px}.play-help.svelte-1pyfpiz summary:where(.svelte-1pyfpiz){cursor:pointer;align-content:center;min-height:44px}.play-help.svelte-1pyfpiz p:where(.svelte-1pyfpiz){max-width:70ch}.credits.svelte-1pyfpiz{margin-top:24px;scroll-margin-top:80px}.credit-heading.svelte-1pyfpiz{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.credit-heading.svelte-1pyfpiz button:where(.svelte-1pyfpiz){min-height:44px}.credit-list.svelte-1pyfpiz{padding:0;list-style:none}.credit-list.svelte-1pyfpiz li:where(.svelte-1pyfpiz){border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 0;display:grid}.credit-list.svelte-1pyfpiz h3:where(.svelte-1pyfpiz){margin:0;font-size:16px;font-weight:500}.credit-line.svelte-1pyfpiz{color:var(--ink-2);overflow-wrap:anywhere;margin:6px 0;font-size:13px}.browse-link.svelte-1pyfpiz{text-underline-offset:4px;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;display:inline-flex}.copy.svelte-1pyfpiz{min-width:44px;min-height:44px;color:var(--ink);background:var(--panel);border:1px solid var(--rule);cursor:pointer;touch-action:manipulation;border-radius:5px;align-self:start;padding:8px;font-size:13px}@media (width>=640px){.play-area.svelte-1pyfpiz{--columns:4;--rows:var(--rows-4)}.key.svelte-1pyfpiz{display:inline-flex}.face.svelte-1pyfpiz{height:clamp(108px, calc((100svh - 340px) / var(--rows) - 10px), 164px);padding:8px}}@media (width>=768px) and (height>=500px){.controls.svelte-1pyfpiz{border-top:0;border-bottom:1px solid var(--rule);order:-1;padding:8px 0;top:0;bottom:auto}.controls.svelte-1pyfpiz button,.controls.svelte-1pyfpiz a:where(.svelte-1pyfpiz){flex:initial;min-width:120px}.controls.svelte-1pyfpiz a:where(.svelte-1pyfpiz){margin-left:auto}.board.svelte-1pyfpiz{margin-top:10px;padding-bottom:12px}}@media (width>=1024px){.play-area.svelte-1pyfpiz{--columns:6;--rows:var(--rows-6)}}@media (orientation:landscape) and (height<=499px){.play-area.svelte-1pyfpiz{--columns:4;--rows:var(--rows-4)}.face.svelte-1pyfpiz{height:clamp(88px, calc((100svh - 90px) / var(--rows) - 10px), 112px);gap:2px;padding:6px 8px}.title.svelte-1pyfpiz{font-size:16px;line-height:1.15}.key.svelte-1pyfpiz{min-width:20px;height:20px}.controls.svelte-1pyfpiz{padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom))}}@media (hover:hover) and (pointer:fine){.key.svelte-1pyfpiz{display:inline-flex}.face.svelte-1pyfpiz:hover:not(:disabled):not([aria-pressed=true]){background:var(--panel-2)}}@media (prefers-reduced-motion:reduce){.face.svelte-1pyfpiz,.key.svelte-1pyfpiz{transition:none}}.board-page.svelte-ehx3wi{max-width:96rem;margin:auto;padding:28px 24px 32px}.board-title.svelte-ehx3wi{letter-spacing:-.045em;margin:8px 0;font-size:clamp(2rem,4vw,3rem);font-weight:650;line-height:1.1}.board-lead.svelte-ehx3wi{max-width:65ch;color:var(--ink-2);margin:12px 0 20px;font-size:1rem;line-height:1.4}@media (width<=639px){.board-page.svelte-ehx3wi{padding:20px 16px 32px}}@media (orientation:landscape) and (height<=499px){.board-page.svelte-ehx3wi{padding-top:4px}.board-page.svelte-ehx3wi>a:where(.svelte-ehx3wi){margin-right:16px;font-size:.75rem}.board-title.svelte-ehx3wi{margin:4px 0;font-size:1.25rem;display:inline}.board-lead.svelte-ehx3wi{max-width:none;margin:4px 0;font-size:.875rem}}