html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{display:flex;align-items:center;justify-content:center}.modal{position:absolute;width:100%;height:100%;top:0;left:0;font-family:serif;background-color:#ffdab9;color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto;text-align:center;--font-scale: min(10vh, 15vw)}.menu-container h1{font-size:calc(.5 * var(--font-scale))}.menu-container h2{font-size:calc(.4 * var(--font-scale));margin-top:calc(.1 * var(--font-scale));margin-bottom:calc(.1 * var(--font-scale))}.menu-container h3{font-size:calc(.28 * var(--font-scale));margin-top:calc(.28 * var(--font-scale));margin-bottom:calc(0 * var(--font-scale))}.menu-container button,.menu-container select,.menu-container input{font-size:calc(.25 * var(--font-scale));margin-top:calc(.1 * var(--font-scale));margin-bottom:calc(.1 * var(--font-scale));width:40vw;padding:calc(.2 * var(--font-scale));border-radius:calc(.15 * var(--font-scale));border:2px solid gray}.menu-container .slider{width:40vw}.whole-page{height:100%;outline:none;background-color:#ffdab9;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.playing-area{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.chessboard{--board-width: min(95vw, 85vh);width:var(--board-width);height:var(--board-width);border:calc(var(--board-width) / 60) solid #563232;border-radius:calc(var(--board-width) / 100)}.button-container{width:80%;padding:2vh;display:flex;align-items:flex-end;justify-content:center}.button{width:min(15vw,6vh);height:min(15vw,6vh);margin-left:2%;margin-right:2%}.marker.move{fill:#e6b219;opacity:.6}.marker.check{fill:#db0000;opacity:.6}.marker.draw{fill:#db00db;opacity:.6}.cm-chessboard .board.input-enabled .square{cursor:pointer}.cm-chessboard .markers .marker.markerFrame,.cm-chessboard .markers .marker.marker-frame{stroke:#000;stroke-width:1.8px;opacity:.5}.cm-chessboard .markers .marker.markerFrameRed,.cm-chessboard .markers .marker.marker-frame-red{stroke:#a00;stroke-width:1.8px;opacity:.4}.cm-chessboard .markers .marker.markerSquare,.cm-chessboard .markers .marker.marker-square{fill:#000;opacity:.11}.cm-chessboard .markers .marker.markerDot,.cm-chessboard .markers .marker.marker-dot{fill:#000;opacity:.3}.cm-chessboard .markers .marker.markerCircle,.cm-chessboard .markers .marker.marker-circle{stroke:#005;stroke-width:3px;opacity:.4}.cm-chessboard .markers .marker.markerCircleRed,.cm-chessboard .markers .marker.marker-circle-red{stroke:#a00;stroke-width:3px;opacity:.4}.cm-chessboard .pieces,.cm-chessboard .markers{pointer-events:none}.cm-chessboard-content .list-inline{padding-left:0;list-style:none}.cm-chessboard-content .list-inline-item{display:inline-block}.cm-chessboard-content .list-inline-item:not(:last-child){margin-right:1rem}.cm-visually-hidden{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.cm-chessboard.default .board .square.white{fill:#ecdab9}.cm-chessboard.default .board .square.black{fill:#c5a076}.cm-chessboard.default.border-type-thin .board .border{stroke:#c5a076;stroke-width:.7%;fill:#ecdab9}.cm-chessboard.default.border-type-none .board .border{stroke:#c5a076;stroke-width:0;fill:#ecdab9}.cm-chessboard.default.border-type-frame .board .border{fill:#ecdab9;stroke:none}.cm-chessboard.default.border-type-frame .board .border-inner{fill:transparent;stroke:#c5a076;stroke-width:.7%}.cm-chessboard.default .coordinates{pointer-events:none;-webkit-user-select:none;user-select:none}.cm-chessboard.default .coordinates .coordinate{fill:#c5a076;font-size:7px;cursor:default}.cm-chessboard.default .coordinates .coordinate.black{fill:#ecdab9}.cm-chessboard.default .coordinates .coordinate.white{fill:#c5a076}.cm-chessboard.default-contrast .board .square.white{fill:#ecdab9}.cm-chessboard.default-contrast .board .square.black{fill:#c5a076}.cm-chessboard.default-contrast.border-type-thin .board .border{stroke:#c5a076;stroke-width:.7%;fill:#ecdab9}.cm-chessboard.default-contrast.border-type-none .board .border{stroke:#c5a076;stroke-width:0;fill:#ecdab9}.cm-chessboard.default-contrast.border-type-frame .board .border{fill:#ecdab9;stroke:none}.cm-chessboard.default-contrast.border-type-frame .board .border-inner{fill:transparent;stroke:#c5a076;stroke-width:.7%}.cm-chessboard.default-contrast .coordinates{pointer-events:none;-webkit-user-select:none;user-select:none}.cm-chessboard.default-contrast .coordinates .coordinate{fill:#c5a076;font-size:7px;cursor:default}.cm-chessboard.default-contrast .coordinates .coordinate.black,.cm-chessboard.default-contrast .coordinates .coordinate.white{fill:#333}.cm-chessboard.green .board .square.white{fill:#e0ddcc}.cm-chessboard.green .board .square.black{fill:#4c946a}.cm-chessboard.green.border-type-thin .board .border{stroke:#4c946a;stroke-width:.7%;fill:#e0ddcc}.cm-chessboard.green.border-type-none .board .border{stroke:#4c946a;stroke-width:0;fill:#e0ddcc}.cm-chessboard.green.border-type-frame .board .border{fill:#e0ddcc;stroke:none}.cm-chessboard.green.border-type-frame .board .border-inner{fill:transparent;stroke:#4c946a;stroke-width:.7%}.cm-chessboard.green .coordinates{pointer-events:none;-webkit-user-select:none;user-select:none}.cm-chessboard.green .coordinates .coordinate{fill:#4c946a;font-size:7px;cursor:default}.cm-chessboard.green .coordinates .coordinate.black{fill:#e0ddcc}.cm-chessboard.green .coordinates .coordinate.white{fill:#4c946a}.cm-chessboard.blue .board .square.white{fill:#d8ecfb}.cm-chessboard.blue .board .square.black{fill:#86afcf}.cm-chessboard.blue.border-type-thin .board .border{stroke:#86afcf;stroke-width:.7%;fill:#d8ecfb}.cm-chessboard.blue.border-type-none .board .border{stroke:#86afcf;stroke-width:0;fill:#d8ecfb}.cm-chessboard.blue.border-type-frame .board .border{fill:#d8ecfb;stroke:none}.cm-chessboard.blue.border-type-frame .board .border-inner{fill:transparent;stroke:#86afcf;stroke-width:.7%}.cm-chessboard.blue .coordinates{pointer-events:none;-webkit-user-select:none;user-select:none}.cm-chessboard.blue .coordinates .coordinate{fill:#86afcf;font-size:7px;cursor:default}.cm-chessboard.blue .coordinates .coordinate.black{fill:#d8ecfb}.cm-chessboard.blue .coordinates .coordinate.white{fill:#86afcf}.cm-chessboard.chess-club .board .square.white{fill:#e6d3b1}.cm-chessboard.chess-club .board .square.black{fill:#af6b3f}.cm-chessboard.chess-club.border-type-thin .board .border{stroke:#692e2b;stroke-width:.7%;fill:#e6d3b1}.cm-chessboard.chess-club.border-type-none .board .border{stroke:#692e2b;stroke-width:0;fill:#e6d3b1}.cm-chessboard.chess-club.border-type-frame .board .border{fill:#692e2b;stroke:none}.cm-chessboard.chess-club.border-type-frame .board .border-inner{fill:transparent;stroke:#692e2b;stroke-width:.7%}.cm-chessboard.chess-club .coordinates{pointer-events:none;-webkit-user-select:none;user-select:none}.cm-chessboard.chess-club .coordinates .coordinate{fill:#e6d3b1;font-size:7px;cursor:default}.cm-chessboard.chess-club .coordinates .coordinate.black{fill:#e6d3b1}.cm-chessboard.chess-club .coordinates .coordinate.white{fill:#af6b3f}.cm-chessboard.chessboard-js .board .square.white{fill:#f0d9b5}.cm-chessboard.chessboard-js .board .square.black{fill:#b58863}.cm-chessboard.chessboard-js.border-type-thin .board .border{stroke:#404040;stroke-width:.7%;fill:#f0d9b5}.cm-chessboard.chessboard-js.border-type-none .board .border{stroke:#404040;stroke-width:0;fill:#f0d9b5}.cm-chessboard.chessboard-js.border-type-frame .board .border{fill:#f0d9b5;stroke:none}.cm-chessboard.chessboard-js.border-type-frame .board .border-inner{fill:transparent;stroke:#404040;stroke-width:.7%}.cm-chessboard.chessboard-js .coordinates{pointer-events:none;-webkit-user-select:none;user-select:none}.cm-chessboard.chessboard-js .coordinates .coordinate{fill:#404040;font-size:7px;cursor:default}.cm-chessboard.chessboard-js .coordinates .coordinate.black{fill:#f0d9b5}.cm-chessboard.chessboard-js .coordinates .coordinate.white{fill:#b58863}.cm-chessboard.black-and-white .board .square.white{fill:#fff}.cm-chessboard.black-and-white .board .square.black{fill:#9c9c9c}.cm-chessboard.black-and-white.border-type-thin .board .border{stroke:#9c9c9c;stroke-width:.7%;fill:#fff}.cm-chessboard.black-and-white.border-type-none .board .border{stroke:#9c9c9c;stroke-width:0;fill:#fff}.cm-chessboard.black-and-white.border-type-frame .board .border{fill:#fff;stroke:none}.cm-chessboard.black-and-white.border-type-frame .board .border-inner{fill:transparent;stroke:#9c9c9c;stroke-width:.7%}.cm-chessboard.black-and-white .coordinates{pointer-events:none;-webkit-user-select:none;user-select:none}.cm-chessboard.black-and-white .coordinates .coordinate{fill:#9c9c9c;font-size:7px;cursor:default}.cm-chessboard.black-and-white .coordinates .coordinate.black{fill:#fff}.cm-chessboard.black-and-white .coordinates .coordinate.white{fill:#9c9c9c}.cm-chessboard.fancy-gray .board .square.white{fill:#eef0f3}.cm-chessboard.fancy-gray .board .square.black{fill:#bac5cf}.cm-chessboard.fancy-gray.border-type-thin .board .border{stroke:#9c9c9c;stroke-width:.7%;fill:#fff0}.cm-chessboard.fancy-gray.border-type-none .board .border{stroke:#9c9c9c;stroke-width:0;fill:#fff}.cm-chessboard.fancy-gray.border-type-frame .board .border{fill:#fff0;stroke:none}.cm-chessboard.fancy-gray.border-type-frame .board .border-inner{fill:transparent;stroke:#9c9c9c;stroke-width:0%}.cm-chessboard.fancy-gray .coordinates{pointer-events:none;-webkit-user-select:none;user-select:none}.cm-chessboard.fancy-gray .coordinates .coordinate{fill:#000;font-size:7px;cursor:default}.cm-chessboard.fancy-gray .coordinates .coordinate.black{fill:#fff}.cm-chessboard.fancy-gray .coordinates .coordinate.white{fill:#9c9c9c}svg.cm-chessboard .promotion-dialog-group rect,svg.cm-chessboard .promotion-dialog-group g[data-piece]{animation:fade-in .25s ease-in}svg.cm-chessboard .promotion-dialog-group .promotion-dialog{fill:#000;fill-opacity:.3;stroke:#0000004d}svg.cm-chessboard .promotion-dialog-group .promotion-dialog-button{fill:transparent;cursor:pointer}svg.cm-chessboard .promotion-dialog-group .promotion-dialog-button:hover{fill:#0003}svg.cm-chessboard .promotion-dialog-group .piece-group{pointer-events:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.playing-card{position:absolute;--card-width: 240;--card-height: 336;--x-position: 0;--y-position: 0;--x-rotation: 0;--y-rotation: 0;--z-rotation: 0;width:calc(var(--card-width) * 1px);height:calc(var(--card-height) * 1px);transform:translate(calc(var(--x-position) * 1px)) translateY(calc(var(--y-position) * 1px))}.playing-card>img{position:absolute;transform-origin:center;backface-visibility:hidden;position:relative}.playing-card>:nth-child(1){transform:rotateX(calc(var(--x-rotation) * 1deg)) rotateY(calc(var(--y-rotation) * 1deg)) rotate(calc(var(--z-rotation) * 1deg))}.playing-card>:nth-child(2){transform:rotateX(calc(var(--x-rotation) * 1deg)) rotateY(calc(var(--y-rotation) * 1deg + 180deg)) rotate(calc(var(--z-rotation) * 1deg))}