*{box-sizing:border-box}.panel{text-align:center}#board{grid-gap:10px;grid-auto-rows:1fr;grid-auto-columns:1fr;width:450px;height:450px;margin:50px auto 30px;display:grid;position:relative;overflow:hidden}.field{cursor:pointer;color:#fff;background-color:#78bec5;border-radius:14px;justify-content:center;align-items:center;font-family:Arial,sans-serif;font-size:5em;display:flex}.free:hover{background-color:#3d4250}#modal{background:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}#modal__window{text-align:center;background-color:#f8f6f6;width:30%;margin:0 auto;padding:5px 20px 20px;position:relative;top:30%}button{opacity:.7;background-color:#fff;border:1px solid #d3d3d3;border-radius:15px;min-width:100px;padding:15px;font-size:20pt}button:hover{box-shadow:2px 1px #000}button:active{box-shadow:inset 2px 1px}.menu{text-align:center;padding:50px}.panel{background-color:#f0f0f0;border-radius:10px;max-width:400px;margin:0 auto;padding:20px;box-shadow:0 4px 10px #0000001a}#settings-panel label{margin:15px 0;font-size:1.1em;display:block}#settings-panel input,#settings-panel select{border:1px solid #ccc;border-radius:5px;width:100%;margin-top:5px;padding:10px;font-size:1em}#settings-panel button{margin:10px 5px;padding:12px 20px;font-size:1em}.hidden{display:none}