.play-grid.svelte-hy9bcf{max-width:var(--shell-max);grid-template-columns:minmax(0,38rem) 22rem;justify-content:center;align-items:start;gap:1.5rem;margin:0 auto;padding:2rem 1.5rem 3rem;display:grid}.play-main.svelte-hy9bcf{flex-direction:column;gap:.75rem;min-width:0;display:flex}.board-wrapper.svelte-hy9bcf{border-radius:var(--radius-md);width:100%;max-width:38rem;box-shadow:0 0 0 1px var(--color-outline-variant), 0 12px 32px #3734331a;margin:0 auto;overflow:hidden}.player-bar.svelte-hy9bcf{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface-container-lowest);align-items:baseline;gap:.625rem;width:100%;max-width:38rem;margin:0 auto;padding:.625rem .875rem;display:flex}.who-name.svelte-hy9bcf{font-weight:700;font-size:var(--text-sm)}.who-meta.svelte-hy9bcf{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted)}.play-rail.svelte-hy9bcf{top:calc(var(--chrome-top) + 1rem);position:sticky}.panel.svelte-hy9bcf{border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface-container-lowest);flex-direction:column;gap:.875rem;padding:1.25rem;display:flex}h1.svelte-hy9bcf{font-size:var(--text-xl);letter-spacing:-.02em;margin:0;font-weight:700}.options.svelte-hy9bcf{flex-direction:column;gap:.625rem;display:flex}.option.svelte-hy9bcf{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out-quint), background-color var(--dur-fast) var(--ease-out-quint);align-items:center;gap:.875rem;padding:.875rem;text-decoration:none;display:flex}.option.svelte-hy9bcf:hover{border-color:var(--color-outline);background:var(--color-surface-container-high)}.option.svelte-hy9bcf:focus-visible,.back.svelte-hy9bcf:focus-visible,.level.svelte-hy9bcf:focus-within,.side.svelte-hy9bcf:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}.option-icon.svelte-hy9bcf{border-radius:var(--radius-sm);background:var(--color-secondary-container);width:2.75rem;height:2.75rem;color:var(--color-on-secondary-container);flex:none;justify-content:center;align-items:center;display:flex}.option-text.svelte-hy9bcf{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.option-title.svelte-hy9bcf{font-weight:700}.option-body.svelte-hy9bcf{font-size:var(--text-xs);color:var(--color-on-surface-variant);line-height:1.5}.back.svelte-hy9bcf{color:var(--color-muted);font:inherit;font-size:var(--text-xs);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:.375rem;padding:0;display:inline-flex}.back.svelte-hy9bcf:hover{color:var(--color-on-surface)}fieldset.svelte-hy9bcf{border:0;flex-direction:column;gap:.375rem;margin:0;padding:0;display:flex}legend.svelte-hy9bcf{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin-bottom:.375rem}.level.svelte-hy9bcf,.side.svelte-hy9bcf{border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;align-items:center;gap:.625rem;padding:.5rem .75rem;display:flex;position:relative}.level.selected.svelte-hy9bcf,.side.selected.svelte-hy9bcf{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, transparent)}.level.svelte-hy9bcf input:where(.svelte-hy9bcf),.side.svelte-hy9bcf input:where(.svelte-hy9bcf){opacity:0;pointer-events:none;position:absolute}.level-name.svelte-hy9bcf{flex:1;font-weight:600}.level-strength.svelte-hy9bcf{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted)}.sides.svelte-hy9bcf{flex-flow:wrap}.sides.svelte-hy9bcf legend:where(.svelte-hy9bcf){width:100%}.side.svelte-hy9bcf{flex:1;justify-content:center}.play.svelte-hy9bcf{border-radius:var(--radius-md);background:var(--color-primary);width:100%;color:var(--color-on-primary);font:inherit;font-size:var(--text-base);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out-quint);border:0;padding:.875rem 1rem;font-weight:700}.play.svelte-hy9bcf:hover{background:color-mix(in srgb, var(--color-primary) 88%, var(--color-surface))}.play.svelte-hy9bcf:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.note.svelte-hy9bcf{font-size:var(--text-xs);color:var(--color-muted);margin:0}@media (width<=60rem){.play-grid.svelte-hy9bcf{grid-template-columns:minmax(0,1fr);padding:1.25rem 1rem 2.5rem}.play-rail.svelte-hy9bcf{position:static}}