.life{border-collapse:collapse;font-size:0;display:flex;flex-direction:column;width:fit-content;box-shadow:0 0 0 1px #0002}.life.small-size{border:1px black solid;box-shadow:none}.row{display:flex;flex-direction:row}.cell{display:inline-block;background-color:#fff;box-shadow:inset 0 0 0 1px #0002;padding:0;width:var(--size);height:var(--size)}.cell-alive{background-color:#000}.small-size .cell{box-shadow:none;margin:0}.canvas{border:1px black solid;image-rendering:pixelated}input,select,button,textarea,body{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{padding:2rem}html{font-size:12px}input:not([type=range]):not([type=checkbox]),label,select,button,textarea{margin:0;border:1px solid black;padding:0;display:inline-block;vertical-align:middle;white-space:normal;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;font-size:1rem;height:2.25em;padding:0 .75rem;font-weight:700;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}button:active{background-color:#000;color:#fff}.input{width:4em}hr{border:none;height:1px;background-color:#000;margin:2em 0}.playing{pointer-events:none}button.secondary{font-weight:400;border-color:#666;color:#666}h1{font-size:1.5rem;margin-top:0}