#root{text-align:center;display:flex;width:100%;justify-content:center;align-items:center;flex-direction:column}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.board-main{position:relative;width:100%}.animation-control-bar{position:sticky;bottom:0;right:20px;padding:16px;border:2px dotted white;background-color:#242424;justify-content:center;display:flex;flex-wrap:wrap;gap:12px}.grid-row{display:flex;gap:1px;justify-content:center;align-items:center}.grid{display:flex;flex-direction:column;gap:1px}.grid-cell{height:12px;width:12px;border:.1px solid rgb(255,255,255,.2);background-color:none}.alive-cell{background-color:#736ced}dead-cell{background-color:none}.just-died-cell{background-color:#9f9fed;opacity:.5}.shape-selector-main-open{position:fixed;top:0%;left:0%;display:flex;flex-direction:column;gap:12px;border:1px solid white;padding:8px 16px;background-color:#242424}.shape-selector-body{width:100%;display:flex;flex-direction:column;gap:12px;border:1px solid white}.hide-content{display:none;width:fit-content}.shape-selector-header{width:100%;display:flex;justify-content:flex-end}.shape-family{padding:16px 8px;border:1px solid white;display:flex;flex-direction:column;gap:4px}.shape-family-shapes{display:flex;gap:12px;padding:4px 0;flex-wrap:wrap}.shape-button{border:1px solid white;padding:4px;display:flex;justify-content:center;align-items:center}.download-btn{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;color:#fff}.download-btn:hover{border-color:#646cff}.download-btn:disabled{color:gray;pointer-events:none}.download-btn:focus,.download-btn:focus-visible{outline:4px auto -webkit-focus-ring-color}.shape-button:hover{background-color:#fff3;cursor:pointer}.selected-shape-button{border:4px double white;pointer-events:none;padding:2px;display:flex;justify-content:center;align-items:center}.beta-version{pointer-events:none;background:rgba(255,0,0,.3)}.overlay{z-index:10;position:fixed;width:100%;height:100%;min-height:100vh;background-color:#000c;display:flex;justify-content:center;flex-direction:column;align-items:center}.modal-header{display:flex;width:100%;justify-content:space-between;background-color:#242424;padding:4px;position:sticky;top:0}.modal-main{border:1px solid white;background-color:#242424;text-align:left;width:clamp(320px,60%,768px);height:480px;overflow-y:scroll}.menu-tab-bar{display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px}.menu-tab{border:1px solid white;padding:8px 4px;width:fit-content}.menu-tab:hover{cursor:pointer;background-color:#000c}.active-tab{outline:1px solid white;background-color:#000}.modal-body{text-align:left;padding:12px 18px}.modal-body>h1{margin:0}*{box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}#modal-root{position:fixed;top:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;color:#fff}button:hover{border-color:#646cff}button:disabled{color:gray;pointer-events:none}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}