body{align-items:center;display:flex;height:100%;justify-content:center;margin:0;min-height:100vh;overflow-y:auto;padding:0}#main-container{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:40px auto;padding:20px;width:100vmin}html{height:auto}#board-settings,#bot-settings,#infos{background-color:var(--color-bg-menu);border:1px solid var(--border-subtle);border-radius:10px;padding:15px;position:relative}#infos{color:var(--color-gray-muted);max-height:1.5rem}#infos,.option{align-items:center;display:flex}.option{flex-direction:row;gap:50px}#board-settings,#bot-settings{font-weight:700}#action-buttons{align-items:center;display:flex;gap:20px;justify-content:center}#infos{grid-column:span 2}#action-buttons{grid-column:2;justify-self:end}h4{font-size:.9em;left:0;margin:0;position:absolute;text-transform:uppercase;top:-25px}hr{border:none;border-top:1px solid var(--color-gray-medium);margin:30px}label{display:block;margin:10px 0 5px}button,input,label,select{color:var(--color-text-light)}button,input,select{background-color:var(--color-bg-menu);border:1px solid var(--border-subtle);border-radius:8px;box-sizing:border-box;cursor:pointer;font-size:1.2em;margin-bottom:15px;margin-top:15px;min-width:120px;padding:15px;transition:all .3s ease;width:35%}button:hover,select:hover{background-color:var(--color-brown);border-color:var(--color-gold)}.hidden-board-settings,.hidden-bot-settings{display:none!important}#back-to-menu,#reset-settings{grid-column:span 2;margin:0 auto;max-width:300px}.switch-wrapper{align-items:center;cursor:pointer;display:flex;gap:4vmin}.switch{height:22px;position:relative;width:42px}.switch input{height:0;opacity:0;width:0}.slider,.slider-color-choice{background-color:var(--color-border);border-radius:20px;inset:0;position:absolute;transition:background-color .25s ease}.slider-color-choice:before,.slider:before{background-color:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.25);content:"";height:18px;left:2px;position:absolute;top:2px;transition:transform .25s cubic-bezier(.4,0,.2,1);width:18px}input:checked+.slider{background-color:var(--color-gold)}input:checked+.slider-color-choice{background-color:var(--color-text-light)}input:checked+.slider-color-choice:before,input:checked+.slider:before{transform:translateX(20px)}@media (max-width:630px){body{height:100%;margin:0}#main-container{background:var(--gradient-bg);border:2px solid var(--color-border);border-radius:15px;box-shadow:0 10px 30px var(--shadow-black);box-sizing:border-box;display:flex;flex-direction:column;margin:40px auto;max-width:100vmin;padding:20px}}