:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;background:linear-gradient(0deg,#085078 8%,#00d4ff 84%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{padding:0;margin:0;display:grid;place-content:center;height:100vh}button:hover{cursor:pointer}.container{display:flex;justify-content:center;gap:4px}.center__panel #board{background:#333;border:3px solid #fff;border-radius:8px}.left__panel>p{margin:4px;text-align:center;font-size:20px;font-weight:700;color:#f9f9f9}.left__panel #prev__piece{background:#333;border:3px solid #fff;border-radius:8px}.right__panel{display:flex;flex-direction:column;justify-content:space-between}.right__panel .next__piece>p{margin:4px;text-align:center;font-size:20px;font-weight:700;color:#f9f9f9}.right__panel .next__piece #next__piece{background:#333;border:3px solid #fff;border-radius:8px}.right__panel .labels{display:flex;flex-direction:column;justify-content:end}.right__panel .labels p{margin:4px 0;font-size:20px;color:#f9f9f9}.dialog__back{background:#0000;width:100dvw;height:100dvh;position:absolute;top:0;left:0;display:flex;align-items:center}dialog{width:220px;text-align:center;border-radius:8px}dialog p{font-size:20px;font-weight:700}dialog button{padding:8px 12px;width:100px;border:none;border-radius:6px}dialog::backdrop{background:#0000}#reset{background:red}#continue,#start{background:green}.footer{display:flex;align-items:center;justify-content:center;height:10vh;width:100%;position:fixed;z-index:999;bottom:0;padding:0 4vw}.copyright{text-align:center}.copyright p,.copyright a{color:#f9f9f9;text-transform:uppercase;letter-spacing:1.5px;text-decoration:none;transition:.4s;font-size:13px;font-weight:600;margin:24px 0 0}.copyright a:hover{text-decoration:underline}