body{height:100%;margin:0;min-height:100vh;overflow-y:auto;padding: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:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:40px auto;max-width:100vmin;padding:20px}html{height:auto}#board-settings,#bot-settings,#infos{background-color:transparent;border:1px solid var(--color-border);border-radius:10px;padding:15px}#board-settings,#bot-settings{font-weight:700}#action-buttons{align-items:center;display:flex;gap:20px;justify-content:center}#action-buttons,#infos{grid-column:span 2}h4{background-clip:text;background-image:var(--gradient-gold);color:transparent;font-size:1em;text-align:center}h4,hr{margin:10px 0}hr{border:none;border-top:1px solid var(--color-gray-medium)}label{display:block;margin:10px 0 5px}button,input,label,select{color:var(--color-text-light)}button,input,select{background-color:var(--color-bg-dark);border:2px solid var(--color-border);border-radius:8px;box-sizing:border-box;cursor:pointer;font-size:1.2em;margin-bottom:15px;margin-top:15px;padding:15px;transition:all .3s ease;width:100%}button:hover,select:hover{background-color:var(--color-brown);border-color:var(--color-gold);transform:scale(1.03)}.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}}