.board-shell.svelte-19si0nu{border-radius:var(--radius-2);border:1px solid var(--border);background:var(--surface-2);place-items:center;gap:.75rem;width:min(100%,980px);padding:1rem;display:grid}.control-bar.svelte-19si0nu{z-index:2;flex-wrap:wrap;justify-content:center;gap:.6rem;width:100%;display:flex;position:relative}.control-bar.svelte-19si0nu button:where(.svelte-19si0nu){border:1px solid var(--border);background:var(--surface-3);color:var(--text-1);min-height:44px;box-shadow:none;border-radius:var(--radius-2);letter-spacing:.02em;cursor:pointer;padding:.45rem .9rem;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s}.control-bar.svelte-19si0nu button:where(.svelte-19si0nu):hover{border-color:var(--brand);transform:translateY(-1px)}.control-bar.svelte-19si0nu button:where(.svelte-19si0nu):disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.control-bar.svelte-19si0nu .primary:where(.svelte-19si0nu){background:var(--brand);color:var(--surface-1);border-color:var(--brand)}.control-bar.svelte-19si0nu .ghost:where(.svelte-19si0nu){background:0 0}.zoom-controls.svelte-19si0nu{color:var(--text-1);grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:.1rem .2rem;font-weight:600;display:inline-grid}.zoom-controls.svelte-19si0nu button:where(.svelte-19si0nu){border-radius:10px;width:44px;height:44px;padding:0;font-size:1.1rem}.board-frame.svelte-19si0nu{aspect-ratio:1;z-index:1;place-items:center;width:100%;display:grid;position:relative}@media (width>=1100px){.board-frame.svelte-19si0nu{aspect-ratio:16/9}}.board.svelte-19si0nu{cursor:crosshair;touch-action:none;background:#091018e6;border:1px solid #3c609699;border-radius:18px;width:100%;height:100%;padding:10px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0c1622cc}.board.svelte-19si0nu canvas:where(.svelte-19si0nu){width:100%;height:100%;display:block}.board-status.svelte-19si0nu{color:var(--text-2);gap:1rem;font-size:.95rem;display:flex}@media (width<=900px){.board-shell.svelte-19si0nu{width:min(100%,760px)}}@media (width<=600px){.board-shell.svelte-19si0nu{width:min(100%,560px);padding:.65rem}.board-frame.svelte-19si0nu{aspect-ratio:1;width:100%}.control-bar.svelte-19si0nu{gap:.4rem}.zoom-controls.svelte-19si0nu{grid-template-columns:auto auto auto}}@media (width<=420px){.board-shell.svelte-19si0nu{width:100%;padding:.5rem}.board.svelte-19si0nu{padding:6px}}.game-of-life.svelte-18c9xg9{width:100%;color:var(--text-1);font-family:var(--font-sans);grid-template-rows:auto 1fr;padding:clamp(1.5rem,3vw,2.5rem);display:grid}.hero.svelte-18c9xg9{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;max-width:1080px;margin-inline:auto;display:flex}.hero-copy.svelte-18c9xg9{gap:1rem;display:grid}h1.svelte-18c9xg9{color:var(--text-4);letter-spacing:-.03em;margin:0;font-size:clamp(1.75rem,4vw,3rem)}.lede.svelte-18c9xg9{color:var(--text-2);margin:0;font-size:clamp(1rem,2.2vw,1.3rem);line-height:1.6}.board-zone.svelte-18c9xg9{width:100%;margin-inline:auto;margin-top:var(--size-5);justify-content:center;align-items:center;display:flex}@media (width<=900px){.hero.svelte-18c9xg9{flex-direction:column;align-items:flex-start}}@media (width<=600px){.game-of-life.svelte-18c9xg9{padding:1.25rem 1rem 2rem}}