.gameOfLife-module__a_8YGW__page{background:radial-gradient(ellipse 80% 60% at 30% 0%, color-mix(in oklch, var(--color-signal) 6%, transparent), transparent 70%), var(--color-void);grid-template-rows:auto 1fr;gap:clamp(.75rem,.5rem + 1vw,1.5rem);min-height:100svh;padding:clamp(.75rem,.5rem + 1vw,1.75rem);display:grid}.gameOfLife-module__a_8YGW__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.gameOfLife-module__a_8YGW__back{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-faint);transition:color .22s}.gameOfLife-module__a_8YGW__back:hover{color:var(--color-signal)}.gameOfLife-module__a_8YGW__layout{grid-template-columns:minmax(0,1fr) minmax(18rem,22rem);align-items:start;gap:clamp(1rem,.5rem + 1.5vw,2rem);min-height:0;display:grid}@media (max-width:960px){.gameOfLife-module__a_8YGW__layout{grid-template-columns:minmax(0,1fr)}}.gameOfLife-module__a_8YGW__boardWrap{justify-items:center;gap:.75rem;display:grid}.gameOfLife-module__a_8YGW__board{aspect-ratio:1;background-color:#111417;background-color:lab(6.20347% -1.03319 -2.35254);background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0d 1px,#0000 1px);background-size:calc(100% / var(--size)) calc(100% / var(--size));border:1px solid var(--color-hairline);border-radius:3px;width:min(100%,100svh - 12rem);position:relative;overflow:hidden}.gameOfLife-module__a_8YGW__tile{width:calc(100% / var(--size));height:calc(100% / var(--size));cursor:pointer;translate:calc(var(--column) * 100%) calc(var(--row) * 100%);transition:translate var(--speed) cubic-bezier(.4, 0, .2, 1);border:0;padding:0;position:absolute;top:0;left:0}.gameOfLife-module__a_8YGW__tile[data-colour=black]{background:#344551;background:lab(28.0998% -4.3481 -9.64812);box-shadow:inset 0 0 0 1px #202a32;box-shadow:inset 0 0 0 1px lab(16.4952% -2.9408 -6.44712)}.gameOfLife-module__a_8YGW__tile[data-colour=white]{background:var(--color-signal);box-shadow:0 0 12px color-mix(in oklch, var(--color-signal) 55%, transparent)}.gameOfLife-module__a_8YGW__tile:hover{outline:1px solid var(--color-ink);outline-offset:-1px;z-index:2}.gameOfLife-module__a_8YGW__tile[data-blocked=true]{background:var(--color-live);animation:.12s ease-in-out 3 gameOfLife-module__a_8YGW__shake}@keyframes gameOfLife-module__a_8YGW__shake{25%{rotate:-8deg}75%{rotate:8deg}}@media (prefers-reduced-motion:reduce){.gameOfLife-module__a_8YGW__tile{transition:none}.gameOfLife-module__a_8YGW__tile[data-blocked=true]{animation:none}}.gameOfLife-module__a_8YGW__readout{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-faint);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.gameOfLife-module__a_8YGW__readout .gameOfLife-module__a_8YGW__readout{color:var(--color-signal)}.gameOfLife-module__a_8YGW__sep{opacity:.3}.gameOfLife-module__a_8YGW__fresh{color:var(--color-warm)}.gameOfLife-module__a_8YGW__panel{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:3px;align-content:start;gap:1rem;padding:clamp(.9rem,.8rem + .5vw,1.25rem);display:grid;position:sticky;top:1rem}.gameOfLife-module__a_8YGW__tabs{border:1px solid var(--color-hairline);border-radius:3px;display:flex;overflow:hidden}.gameOfLife-module__a_8YGW__tabs button{font-family:var(--font-mono);font-size:var(--step--2);color:var(--color-ink-faint);border:0;border-right:1px solid var(--color-hairline);cursor:pointer;background:0 0;flex:1;padding:.45rem .5rem;transition:color .2s,background-color .2s}.gameOfLife-module__a_8YGW__tabs button:last-child{border-right:0}.gameOfLife-module__a_8YGW__tabs button:hover{color:var(--color-ink)}.gameOfLife-module__a_8YGW__tabs button[data-active=true]{color:var(--color-void);background:var(--color-signal);font-weight:600}.gameOfLife-module__a_8YGW__group{gap:.9rem;display:grid}.gameOfLife-module__a_8YGW__buttons{flex-wrap:wrap;gap:.4rem;display:flex}.gameOfLife-module__a_8YGW__buttons .gameOfLife-module__a_8YGW__btn{flex:auto}.gameOfLife-module__a_8YGW__buttons button:disabled{opacity:.35;pointer-events:none}.gameOfLife-module__a_8YGW__slider{grid-template-columns:1fr auto;align-items:center;gap:.3rem .75rem;display:grid}.gameOfLife-module__a_8YGW__slider>span{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-faint);font-size:.66rem}.gameOfLife-module__a_8YGW__slider em{font-style:normal;font-size:var(--step--2);color:var(--color-signal)}.gameOfLife-module__a_8YGW__slider input[type=range]{appearance:none;background:var(--color-hairline);cursor:pointer;border-radius:99px;grid-column:span 2;width:100%;height:2px}.gameOfLife-module__a_8YGW__slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-signal);border-radius:50%;width:13px;height:13px}.gameOfLife-module__a_8YGW__slider input[type=range]::-moz-range-thumb{background:var(--color-signal);border:0;border-radius:50%;width:13px;height:13px}.gameOfLife-module__a_8YGW__toggle{font-size:var(--step--2);color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-hairline);cursor:pointer;border-radius:3px;align-items:flex-start;gap:.6rem;padding:.6rem;display:flex}.gameOfLife-module__a_8YGW__toggle input{accent-color:var(--color-signal);flex:none;width:.9rem;height:.9rem;margin-top:.15rem}.gameOfLife-module__a_8YGW__toggle span{gap:.15rem;display:grid}.gameOfLife-module__a_8YGW__toggle small{font-family:var(--font-mono);color:var(--color-ink-faint);font-size:.6rem;line-height:1.4}.gameOfLife-module__a_8YGW__note{font-size:var(--step--2);color:var(--color-ink-faint);line-height:1.7}.gameOfLife-module__a_8YGW__message{font-family:var(--font-mono);font-size:var(--step--2);color:var(--color-signal);line-height:1.5}.gameOfLife-module__a_8YGW__inspector{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:3px;justify-items:start;gap:.7rem;padding:.85rem;display:grid}.gameOfLife-module__a_8YGW__pattern{aspect-ratio:1;flex:none;grid-template-columns:repeat(3,1fr);gap:1px;width:2.1rem;display:grid}.gameOfLife-module__a_8YGW__pattern[data-large=true]{width:4.5rem}.gameOfLife-module__a_8YGW__pattern>span{background:#1c2023;background:lab(11.8501% -1.2588 -2.61323);border-radius:1px}.gameOfLife-module__a_8YGW__pattern>span[data-cell=black]{background:#465865;background:lab(36.2248% -4.45077 -9.68545)}.gameOfLife-module__a_8YGW__pattern>span[data-cell=white]{background:var(--color-signal)}.gameOfLife-module__a_8YGW__pattern>span[data-cell=self]{outline:1px solid var(--color-warm);outline-offset:-1px;background:0 0}.gameOfLife-module__a_8YGW__actionRow{flex-wrap:wrap;gap:.3rem;display:flex}.gameOfLife-module__a_8YGW__chip{min-width:1.5rem;height:1.5rem;color:var(--color-void);background:var(--color-signal);border-radius:3px;place-items:center;font-size:.8rem;display:grid}.gameOfLife-module__a_8YGW__chipEmpty{font-family:var(--font-mono);font-size:var(--step--2);color:var(--color-ink-faint)}.gameOfLife-module__a_8YGW__editRow{flex-wrap:wrap;gap:.3rem;display:flex}.gameOfLife-module__a_8YGW__editRow button{font-family:var(--font-mono);color:var(--color-ink-dim);background:var(--color-raised);border:1px solid var(--color-hairline);cursor:pointer;border-radius:3px;padding:.25rem .55rem;font-size:.72rem;transition:color .18s,border-color .18s}.gameOfLife-module__a_8YGW__editRow button:hover{color:var(--color-signal);border-color:var(--color-signal)}.gameOfLife-module__a_8YGW__textarea{min-height:5rem;font-family:var(--font-mono);color:var(--color-ink-dim);background:var(--color-surface);border:1px solid var(--color-hairline);resize:vertical;border-radius:3px;padding:.6rem;font-size:.66rem;line-height:1.5}.gameOfLife-module__a_8YGW__ruleList{scrollbar-width:thin;gap:.3rem;max-height:16rem;display:grid;overflow-y:auto}.gameOfLife-module__a_8YGW__ruleRow{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:.6rem;padding:.35rem .45rem;transition:background-color .18s,border-color .18s;display:flex}.gameOfLife-module__a_8YGW__ruleRow:hover{background:var(--color-surface)}.gameOfLife-module__a_8YGW__ruleRow[data-active=true]{background:var(--color-surface);border-color:var(--color-signal)}.gameOfLife-module__a_8YGW__ruleActions{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-ink-dim);font-size:.8rem}