@font-face{font-family:FiraSans;src:url(/assets/FiraSans-Regular-CGes_AjB.woff2) format("woff2")}@font-face{font-family:Lato;src:url(/assets/Lato-Light-ByusnHZr.ttf) format("truetype");font-weight:300}@font-face{font-family:Lato;src:url(/assets/Lato-Regular-CX8_9uDN.ttf) format("truetype");font-weight:500}*{margin:0;padding:0;box-sizing:border-box;font-family:FiraSans,sans-serif}body{height:100vh;display:grid;grid-template-rows:80px 1fr}header{width:100vw;height:72px;display:flex;align-items:center;justify-content:space-between;padding-inline:2rem;border-bottom:1px solid #ddd}header #logo-container{display:flex;align-items:center;gap:1rem}header #logo-container img{width:28px;height:28px}header #logo-container h1{font-size:1.5rem;font-weight:900;font-family:FiraSans,sans-serif}header nav{display:flex;gap:1rem}header nav a{font-size:1rem;font-weight:500;color:#000;font-family:Lato,sans-serif}#canvas-container{height:100%;width:100vw;display:grid;place-content:center;background-color:#fff;display:none}#canvas-container #canvas{max-width:100vw;max-height:100%;width:100%;height:100%;object-fit:contain;aspect-ratio:1}#config-form{width:60%;place-self:center;padding-block:2rem}#config-form h1{font-size:2.4rem;margin-bottom:1rem;font-weight:900}#config-form p{font-size:1rem;line-height:1.5rem;margin-bottom:1.5rem;font-family:Lato,sans-serif;font-weight:300;color:#000}#config-form label{display:block;font-size:1rem;text-align:left;color:#303030;margin-bottom:.5rem}#config-form input[type=number],#config-form input[type=checkbox]{width:100%;padding:8px;border:1px solid #555;border-radius:4px;color:#303030;font-size:1rem;margin-bottom:1rem;outline:none}#config-form input[type=number]:focus,#config-form input[type=checkbox]:focus{border:2px solid #7684b9}#config-form input[type=number]:disabled{opacity:.3}#config-form #iterations-label{display:flex;align-items:center;justify-content:space-between}#config-form #iterations-label #infinite-container{display:flex;align-items:center;justify-content:left;margin-bottom:1rem;gap:.75rem}#config-form #iterations-label #infinite-container input[type=checkbox]{width:auto;margin-block:auto;accent-color:#44035c}#config-form #iterations-label #infinite-container label{margin-bottom:0;font-family:Lato,sans-serif;font-weight:400}#config-form #starting-board-container{display:flex;align-items:center;justify-content:space-between}#config-form #starting-board-container #select-wrapper{position:relative}#config-form #starting-board-container #select-wrapper select{border:0px;color:#303030;font-size:1rem;margin-bottom:1rem;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-inline-end:1.375rem}#config-form #starting-board-container #select-wrapper:after{content:"▼";position:absolute;font-size:.5rem;top:3px;right:0;padding:2px;color:#000;pointer-events:none}#config-form button#start{width:fit-content;padding:10px 15px;font-size:1rem;color:#fff;background-color:#44035c;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;margin-top:1rem}#config-form button#start:hover{background-color:#7684b9}#config-form input::-webkit-outer-spin-button,#config-form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#config-form input[type=number]{-moz-appearance:textfield}@media screen and (max-width: 768px){header{padding-inline:1rem}header #logo-container h1{font-size:1.2rem}header #logo-container img{width:24px;height:24px}header nav{gap:.5rem}#config-form{width:90%;padding-inline:1rem}}@media screen and (max-width: 480px){header{height:60px}header #logo-container{gap:.5rem}header #logo-container h1{font-size:1rem}header #logo-container img{width:20px;height:20px}header nav{gap:.5rem}header nav a{font-size:.9rem}#config-form h1{font-size:1.8rem}}.burger{display:none;flex-direction:column;justify-content:space-between;width:20px;height:10px;cursor:pointer;z-index:1001;position:relative}.burger span{display:block;width:100%;height:2px;background-color:#000;transition:all .3s ease-in-out}@media screen and (max-width: 768px){body.menu-open{overflow:hidden}.burger{display:flex}.burger.active span:nth-child(1){transform:translateY(4px) rotate(45deg)}.burger.active span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}header nav{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#fff;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease-in-out;transform:translate(100%);z-index:1000}header nav a{font-size:1.5rem;padding:1.5rem;font-weight:500}header nav.active{transform:translate(0)}}#restart-button{position:fixed;top:1rem;right:1rem;width:48px;height:48px;border-radius:50%;background-color:#44035c;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:999;box-shadow:0 2px 8px #0003}#restart-button svg{color:#fff;transition:transform .3s ease}#restart-button:hover{background-color:#7684b9;transform:scale(1.1)}#restart-button:hover svg{transform:rotate(180deg)}#restart-button.hidden{display:none}@media screen and (max-width: 768px){#restart-button{width:40px;height:40px}#restart-button svg{width:20px;height:20px}}