.modal{position:fixed;height:100%;width:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;background:rgba(200,200,200,.2)}.modal .content{display:flex;flex-direction:column;align-items:center;position:relative;background:#171717;border-radius:10px;box-shadow:1px 1px 3px #171717;max-width:calc(95% - 40px);min-width:50%;padding:5px 20px;max-height:80vh}.modal .content h1{width:100%;text-align:center;padding-bottom:5px;border-bottom:1px #da005e solid}.modal .content .inner{position:relative;margin:5px;padding:10px 0;overflow:auto;max-width:100%;width:100%;flex-grow:1}.modal .content .inner button{height:auto}button{display:inline-flex;padding:7px 10px;margin:0;font-size:20px;height:100%;align-items:center;justify-content:center}body{margin:0;font-family:sans-serif;font-size:20px;background:#171717;color:#ededed}body .main{min-height:100vh;display:flex;justify-content:center;align-items:center}.setting-modal .section h2{text-align:left}.setting-modal .section h2 button{margin-left:20px}.setting-modal .form-input{margin-top:20px}.setting-modal .button-group .label{display:inline-block;margin-right:10px}.setting-modal .button-group .active{background-color:#da005e}.setting-modal .clean{background:#b4b4b4}.setting-modal .submit{margin-top:20px}.game-container{display:flex;flex-direction:column}.game-container .title{text-align:center}.game-container .control-panel{display:flex;justify-content:space-between;margin-bottom:1rem}.game-container .control-panel .control-element{display:flex;flex-direction:column;gap:5px;justify-content:end}.game-container .speed-selector{display:flex}.game-container .speed-selector input{width:60px;text-align:center;margin:0;padding:0}.game-container .cell-container{flex-grow:1;display:grid;min-width:500px;min-height:500px}.game-container .cell-container .cell{background:#171717;border:1px solid #444444;width:100%;height:100%;user-select:none}.game-container .cell-container .cell.active{background:#da005e}