@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap);:root{--background:#fff;--text:rgba(0,0,0,.9);--dark-background:rgba(0,0,0,.8);--dark-text:#fff;--dark-title:#595959;--dark-surface:rgba(0,0,0,.24)}body{background-color:rgba(0,0,0,.8);background-color:var(--dark-background);color:#fff;color:var(--dark-text);font-family:Quicksand,sans-serif}*,:after,:before{box-sizing:border-box}.app{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%}@media only screen and (min-width:600px){.app{width:540px}}@media only screen and (min-width:768px){.app{width:720px}}@media only screen and (min-width:992px){.app{align-items:start;flex-direction:row;width:960px}}@media only screen and (min-width:1200px){.app{width:1140px}}.board{-webkit-user-select:none;user-select:none}.board,.squares{position:relative}.squares{display:grid;grid-template-columns:repeat(8,1fr)}.buttons{display:flex;gap:10px;justify-content:center}.square{position:relative}.square--dark{background-color:#bbbe64}.square--light{background-color:#eaf0ce}.square__letter{color:#bbbe64;font-size:12px;font-weight:700;left:2px;position:absolute;top:0}.square__letter--dark{color:#eaf0ce}.square__letter--alpha{bottom:0;left:auto;right:2px;top:auto}@media only screen and (min-width:768px){.square__letter{font-size:16px}}@media only screen and (min-width:1200px){.square__letter{font-size:20px}}.promotion{background-color:rgba(0,0,0,.6);border-radius:6px;padding:4px;position:absolute;z-index:100}.promotion__piece{background-position:50%;background-size:contain;border-radius:6px;cursor:pointer;display:inline-block;margin:0 2px}.promotion__piece:hover{background-color:hsla(0,0%,100%,.6)}.game-over{align-items:center;background-color:rgba(0,0,0,.7);display:flex;font-size:3rem;justify-content:center;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:100}.game-over,.overlay{height:100%;position:absolute;width:100%}.overlay{left:0;opacity:.5;top:0;z-index:2}.overlay--illegal{background-color:#dc3545}.overlay--legal{background-color:#28a745}.overlay--last_move{background-color:#ffc107;z-index:0}.overlay__possible{background-color:rgba(0,0,0,.5);border-radius:50%;height:35%;width:35%}.overlay__enemy,.overlay__possible{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.overlay__enemy{border:4px solid rgba(0,0,0,.5);border-radius:50%;height:90%;width:90%}.piece{background-repeat:no-repeat;background-size:contain;cursor:-webkit-grab;cursor:grab;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.piece--check{-webkit-filter:drop-shadow(0 0 8px red);filter:drop-shadow(0 0 8px red)}.player{justify-content:space-between;padding:8px 0}.player,.player__info{display:flex}.player__avatar{object-fit:cover}.player__name{font-weight:500;margin:0 8px}.player__title{background-color:#8b0000;border-radius:4px;font-size:.8rem;margin-right:4px;padding:2px 4px}.player__time{align-items:center;background-color:hsla(0,0%,100%,.1);border-radius:6px;display:flex;font-size:1.5rem;padding:0 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.player__time--running{background-color:var(--background);color:var(--text)}.player__timer{margin-left:20px}.board-sidebar{background-color:var(--dark-surface);border-radius:6px;color:#000;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:8px 0;min-height:80px;padding:10px;width:312px}.board-sidebar__title{color:var(--dark-title);margin:0 0 10px}@media only screen and (min-width:768px){.board-sidebar{width:416px}}@media only screen and (min-width:1200px){.board-sidebar{width:468px}}.fallen-pieces{display:flex;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:5px 0;min-height:30px}.weight{align-items:center;color:var(--dark-text);display:flex;justify-content:center;padding:4px 2px 0}.fallen-piece{height:30px;width:30px}.notation{color:var(--dark-text);max-height:330px;overflow-y:auto}.notation::-webkit-scrollbar{width:5px}.notation::-webkit-scrollbar-track{background:var(--dark-surface)}.notation::-webkit-scrollbar-thumb{background:#888}.notation::-webkit-scrollbar-thumb:hover{background:#555}.notation table{border-collapse:collapse;width:100%}.notation tr:nth-child(2n){background-color:rgba(0,0,0,.1)}.notation td{padding:5px 20px 5px 5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.notation td:last-child{width:100%}.notation td:nth-child(2),.notation td:nth-child(3){min-width:80px}.notation__last{background-color:hsla(0,0%,100%,.2)}.button{background-color:var(--dark-surface);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;outline:none;padding:10px 20px}.button:hover{-webkit-filter:brightness(.8);filter:brightness(.8)}.button--play{background-color:#059862}.button--reset{background-color:#d9534f}.button--undo{border-radius:0}
/*# sourceMappingURL=main.94ab591d.css.map*/