@font-face{font-family:InterVariable;src:url(/game-of-life/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{font-feature-settings:"cv02", "cv03", "cv04", "cv11", "ss01";color:#242b28;font-synthesis:none;-webkit-font-smoothing:antialiased;--muted:#626d65;--line:#253d2726;--green:#345940;--lime:#c8eb83;background:#f5f3ed;font-family:InterVariable,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{border:1px solid var(--line);color:inherit;background:0 0;border-radius:8px;height:38px;padding:0 13px;font-size:.875rem;font-weight:500}button:hover{background:#e7eade}button:disabled{cursor:wait;opacity:.5}:focus-visible{outline-offset:3px;outline:3px solid #59753b}input:focus-visible{outline-offset:0}.page{max-width:1216px;margin:auto;padding:0 36px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:86px;font-size:.875rem;display:flex}.back{padding:12px 0;font-weight:500}.bend-link{color:var(--muted);padding:12px 0}main{isolation:isolate}.heading{justify-content:space-between;align-items:flex-end;gap:24px;padding:38px 0 30px;display:flex}h1,h2{text-wrap:balance;margin:0;font-weight:600}h1{letter-spacing:-.055em;font-size:clamp(2rem,4vw,3.1rem)}.title-dot{color:#698d48}p{text-wrap:pretty}.heading p{color:var(--muted);margin:10px 0 0;font-size:1rem}.world-label{text-align:right;letter-spacing:.06em;color:#4c614c;font-family:ui-monospace,monospace;font-size:.7rem;line-height:1.9}.world-label span{letter-spacing:0;color:var(--muted)}.workspace{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:36px;display:grid}.simulation{min-width:0}.board-top{justify-content:space-between;align-items:center;gap:20px;padding:0 0 15px;font-size:.8125rem;display:flex}.state{color:var(--muted);align-items:center;gap:8px;display:flex}.state-dot{background:#889181;border-radius:50%;width:6px;height:6px}[data-playing=true] .state-dot{background:#487b35}.stats{font-variant-numeric:tabular-nums;gap:25px;margin:0;display:flex}.stats div{align-items:baseline;gap:9px;display:flex}dt{color:#303d34;font-weight:500}dd{color:#586451;min-width:3ch;margin:0}.board-viewport{aspect-ratio:1;overscroll-behavior:contain;scrollbar-color:#56674b #19231d;background:#19231d;border-radius:12px;width:100%;overflow:auto}canvas{width:var(--board-width,100%);touch-action:none;cursor:crosshair;height:auto;display:block}canvas[data-tool=pan]{touch-action:pan-x pan-y;cursor:grab}canvas:focus-visible{outline-offset:-4px}.board-bottom{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;padding:10px 0 20px;font-size:.75rem;display:flex}.board-bottom p{margin:0}.zoom-label{flex-shrink:0;align-items:center;gap:6px;display:flex}select{color:inherit;background:0 0;border:0;padding:6px}.transport{justify-content:space-between;align-items:center;gap:24px;display:flex}.playback{align-items:center;gap:8px;display:flex}.primary{color:#fff;background:var(--green);border-color:var(--green);min-width:106px;height:44px}.primary:hover{background:#25442f}#play-icon{padding-right:6px}.speed-control{flex:1;min-width:130px;max-width:180px}.speed-control label{color:var(--muted);justify-content:space-between;gap:12px;font-size:.75rem;display:flex}output{font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--green);cursor:pointer;margin:8px 0 0}.shortcuts{color:var(--muted);margin:18px 0 0;font-size:.6875rem}.sidebar{padding-top:0}h2{letter-spacing:-.02em;font-size:1rem}.sidebar p{color:var(--muted);margin:8px 0 17px;font-size:.8125rem;line-height:1.65}.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.pattern{text-align:left;background:#edeee5;border:1px solid #0000;border-radius:9px;flex-direction:column;justify-content:space-between;align-items:flex-start;height:102px;padding:12px;display:flex}.pattern[aria-pressed=true]{background:#e4ebd8;border-color:#5e7650}.pattern canvas{pointer-events:none;width:54px;height:45px}.pattern-name{font-size:.8125rem}.world-actions{grid-template-columns:1fr auto;gap:8px;margin-top:12px;display:grid}.tools,.rules{border-top:1px solid var(--line);margin-top:26px;padding-top:23px}.tool-group{gap:7px;margin-top:14px;display:flex}.tool-group button{flex:1}.tool-group button[aria-pressed=true]{background:#e1e7d8;border-color:#92a580}.tools p{margin-bottom:0}.rule-row{align-items:center;gap:14px;margin-top:18px;display:flex}.rule-row p{margin:0;font-size:.75rem}.rule-row strong{color:#354333;font-weight:500}.rule-picture{flex-shrink:0;grid-template-columns:repeat(3,9px);gap:3px;display:grid}.rule-picture i{background:#d9dfcf;border-radius:1px;width:9px;height:9px}.birth i:nth-child(2),.birth i:nth-child(4),.birth i:nth-child(9),.survive i:nth-child(4),.survive i:nth-child(5),.survive i:nth-child(6){background:#73924c}.birth i:nth-child(5){outline:1px dashed #4c6c36}.rules .rule-last{margin-bottom:0;font-size:.75rem}.notice{min-height:1.5em;color:var(--muted);margin:18px 0 10px;font-size:.8125rem}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:18px 0 25px;font-size:.6875rem;display:flex}footer p{margin:0}footer p:last-child{flex-shrink:0;align-items:center;gap:7px;display:flex}.legend-cell{background:#90b957;border-radius:1px;width:8px;height:8px;display:inline-block}.legend-cell.trail{background:#d5dfc4;margin-left:10px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=1300px){.page{max-width:1230px}}@media (width<=900px){.page{padding:0 24px}.workspace{grid-template-columns:minmax(0,1fr) 240px;gap:24px}.transport{flex-direction:column;align-items:flex-start;gap:18px}.speed-control{width:100%;max-width:none}.world-label{display:none}}@media (width<=700px){.page{padding:0 18px}.topbar{min-height:66px;font-size:.875rem}.heading{padding:27px 0 26px}.heading p{max-width:28ch;font-size:1rem;line-height:1.5}.workspace{grid-template-columns:minmax(0,1fr);gap:34px}.board-top{gap:12px;font-size:.875rem}.stats{gap:14px}.stats div{gap:5px}.board-viewport{border-radius:8px}.board-bottom{font-size:.875rem}.board-bottom p{max-width:23ch}button{height:48px;font-size:1rem}.primary{flex:1;height:54px}.playback{width:100%}.playback button{flex:1;padding:0 10px}.speed-control label,.shortcuts,.sidebar p,.rule-row p,.rules .rule-last,.notice{font-size:1rem}input[type=range]{min-height:28px}h2{font-size:1.125rem}.pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pattern{height:110px;padding:10px}.pattern-name{font-size:.875rem}.tools,.rules{margin-top:28px;padding-top:25px}.shortcuts{line-height:1.6}footer{flex-direction:column;gap:15px;font-size:.875rem;line-height:1.6}.notice{line-height:1.6}}@media (width<=360px){.page{padding:0 12px}.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{gap:9px}.board-top{font-size:.75rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.fast-forward{width:100%;margin-top:12px}