#root{text-align:center;margin:0 auto}.container{flex-direction:column;place-items:center;display:flex}.status-bar{font-size:1.25rem}@media screen and (width>=48rem){.status-bar{font-size:2rem}}.status-bar div{margin-bottom:calc(var(--item-spacing) * .6)}.modal{z-index:3;box-sizing:border-box;background:#fff;width:100%;padding:1rem 0 4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (width>=48rem){.modal{z-index:3;box-sizing:border-box;background:#fff;border-radius:1rem;width:66vw;max-width:38rem;padding:1rem 1.5rem 4rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}}.modal h1{margin-bottom:2rem}.modal-overlay{opacity:.4;z-index:2;background:#888;width:100%;height:100%;position:absolute;top:0}.modal h1{font-size:2rem}.modal p{margin-bottom:2rem}.buttons{justify-content:center;gap:.7rem;display:flex}.buttons>*{flex-basis:33%}body{background:#c7c7c7}.board{box-sizing:content-box;grid-template-columns:repeat(8, var(--square-size));grid-template-rows:repeat(8, var(--square-size));border:var(--border-size) solid #ddd;margin-bottom:var(--item-spacing);border-radius:3px;transition:transform .85s ease-out;display:grid;position:relative}.board.flipped{transform:rotate(180deg)}.square{background:var(--square-background);width:var(--square-size);height:var(--square-size)}.piece{top:var(--border-size);left:var(--border-size);width:var(--square-size);height:var(--square-size);position:absolute}.piece:not(.dragging){transition:transform .56s ease-in-out .52s,background-color 70ms,top .16s ease-in-out,left .16s ease-in-out}.piece.focused.piece.focused{background:var(--square-focused)}.piece.a8{top:calc(var(--square-size) * 0);left:calc(var(--square-size) * 0)}.piece.b8{top:calc(var(--square-size) * 0);left:calc(var(--square-size) * 1)}.piece.c8{top:calc(var(--square-size) * 0);left:calc(var(--square-size) * 2)}.piece.d8{top:calc(var(--square-size) * 0);left:calc(var(--square-size) * 3)}.piece.e8{top:calc(var(--square-size) * 0);left:calc(var(--square-size) * 4)}.piece.f8{top:calc(var(--square-size) * 0);left:calc(var(--square-size) * 5)}.piece.g8{top:calc(var(--square-size) * 0);left:calc(var(--square-size) * 6)}.piece.h8{top:calc(var(--square-size) * 0);left:calc(var(--square-size) * 7)}.piece.a7{top:calc(var(--square-size) * 1);left:calc(var(--square-size) * 0)}.piece.b7{top:calc(var(--square-size) * 1);left:calc(var(--square-size) * 1)}.piece.c7{top:calc(var(--square-size) * 1);left:calc(var(--square-size) * 2)}.piece.d7{top:calc(var(--square-size) * 1);left:calc(var(--square-size) * 3)}.piece.e7{top:calc(var(--square-size) * 1);left:calc(var(--square-size) * 4)}.piece.f7{top:calc(var(--square-size) * 1);left:calc(var(--square-size) * 5)}.piece.g7{top:calc(var(--square-size) * 1);left:calc(var(--square-size) * 6)}.piece.h7{top:calc(var(--square-size) * 1);left:calc(var(--square-size) * 7)}.piece.a6{top:calc(var(--square-size) * 2);left:calc(var(--square-size) * 0)}.piece.b6{top:calc(var(--square-size) * 2);left:calc(var(--square-size) * 1)}.piece.c6{top:calc(var(--square-size) * 2);left:calc(var(--square-size) * 2)}.piece.d6{top:calc(var(--square-size) * 2);left:calc(var(--square-size) * 3)}.piece.e6{top:calc(var(--square-size) * 2);left:calc(var(--square-size) * 4)}.piece.f6{top:calc(var(--square-size) * 2);left:calc(var(--square-size) * 5)}.piece.g6{top:calc(var(--square-size) * 2);left:calc(var(--square-size) * 6)}.piece.h6{top:calc(var(--square-size) * 2);left:calc(var(--square-size) * 7)}.piece.a5{top:calc(var(--square-size) * 3);left:calc(var(--square-size) * 0)}.piece.b5{top:calc(var(--square-size) * 3);left:calc(var(--square-size) * 1)}.piece.c5{top:calc(var(--square-size) * 3);left:calc(var(--square-size) * 2)}.piece.d5{top:calc(var(--square-size) * 3);left:calc(var(--square-size) * 3)}.piece.e5{top:calc(var(--square-size) * 3);left:calc(var(--square-size) * 4)}.piece.f5{top:calc(var(--square-size) * 3);left:calc(var(--square-size) * 5)}.piece.g5{top:calc(var(--square-size) * 3);left:calc(var(--square-size) * 6)}.piece.h5{top:calc(var(--square-size) * 3);left:calc(var(--square-size) * 7)}.piece.a4{top:calc(var(--square-size) * 4);left:calc(var(--square-size) * 0)}.piece.b4{top:calc(var(--square-size) * 4);left:calc(var(--square-size) * 1)}.piece.c4{top:calc(var(--square-size) * 4);left:calc(var(--square-size) * 2)}.piece.d4{top:calc(var(--square-size) * 4);left:calc(var(--square-size) * 3)}.piece.e4{top:calc(var(--square-size) * 4);left:calc(var(--square-size) * 4)}.piece.f4{top:calc(var(--square-size) * 4);left:calc(var(--square-size) * 5)}.piece.g4{top:calc(var(--square-size) * 4);left:calc(var(--square-size) * 6)}.piece.h4{top:calc(var(--square-size) * 4);left:calc(var(--square-size) * 7)}.piece.a3{top:calc(var(--square-size) * 5);left:calc(var(--square-size) * 0)}.piece.b3{top:calc(var(--square-size) * 5);left:calc(var(--square-size) * 1)}.piece.c3{top:calc(var(--square-size) * 5);left:calc(var(--square-size) * 2)}.piece.d3{top:calc(var(--square-size) * 5);left:calc(var(--square-size) * 3)}.piece.e3{top:calc(var(--square-size) * 5);left:calc(var(--square-size) * 4)}.piece.f3{top:calc(var(--square-size) * 5);left:calc(var(--square-size) * 5)}.piece.g3{top:calc(var(--square-size) * 5);left:calc(var(--square-size) * 6)}.piece.h3{top:calc(var(--square-size) * 5);left:calc(var(--square-size) * 7)}.piece.a2{top:calc(var(--square-size) * 6);left:calc(var(--square-size) * 0)}.piece.b2{top:calc(var(--square-size) * 6);left:calc(var(--square-size) * 1)}.piece.c2{top:calc(var(--square-size) * 6);left:calc(var(--square-size) * 2)}.piece.d2{top:calc(var(--square-size) * 6);left:calc(var(--square-size) * 3)}.piece.e2{top:calc(var(--square-size) * 6);left:calc(var(--square-size) * 4)}.piece.f2{top:calc(var(--square-size) * 6);left:calc(var(--square-size) * 5)}.piece.g2{top:calc(var(--square-size) * 6);left:calc(var(--square-size) * 6)}.piece.h2{top:calc(var(--square-size) * 6);left:calc(var(--square-size) * 7)}.piece.a1{top:calc(var(--square-size) * 7);left:calc(var(--square-size) * 0)}.piece.b1{top:calc(var(--square-size) * 7);left:calc(var(--square-size) * 1)}.piece.c1{top:calc(var(--square-size) * 7);left:calc(var(--square-size) * 2)}.piece.d1{top:calc(var(--square-size) * 7);left:calc(var(--square-size) * 3)}.piece.e1{top:calc(var(--square-size) * 7);left:calc(var(--square-size) * 4)}.piece.f1{top:calc(var(--square-size) * 7);left:calc(var(--square-size) * 5)}.piece.g1{top:calc(var(--square-size) * 7);left:calc(var(--square-size) * 6)}.piece.h1{top:calc(var(--square-size) * 7);left:calc(var(--square-size) * 7);top:calc(var(--square-size) * 7);left:calc(var(--square-size) * 7)}.pawn-promotion-dialog{height:calc(var(--square-size) * 4);width:var(--square-size);flex-direction:column;justify-content:center;align-items:center;display:flex}.pawn-promotion-dialog.reversed{top:calc(1 * var(--square-size) * 4);flex-direction:column-reverse}.pawn-promotion-dialog>*{width:var(--square-size);height:var(--square-size);box-sizing:border-box;opacity:.93;background:#76b1d5}.pawn-promotion-dialog>:nth-child(2n){background:#9dc7e1}.pawn-promotion-dialog .pawn-promotion-dialog__piece.selected{background:#ff8c00}.top-menu-container{--menu-top-padding:5px;width:100%;padding:var(--menu-top-padding) 0;--menu-offset:43px;height:var(--menu-offset);box-sizing:border-box;background:#e4e4e4;margin-bottom:1.4rem}.top-menu{width:var(--full-board-width);justify-content:space-between;align-items:center;gap:6px;margin:0 auto;display:flex;position:relative}.wisdom-chess-logo.is-mobile,.wisdom-chess-logo.is-desktop{justify-self:flex-start;align-items:center;gap:6px;display:flex}.wisdom-chess-logo.is-mobile,.top-menu .menu-arrow{display:none}.top-menu a:hover{text-decoration:underline}.menu{align-items:center;column-gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.menu li{margin:0;padding:0}.menu li a{cursor:pointer;color:var(--default-text-color);display:block}@media (width<=720px),(height<=720px){.top-menu{position:initial;justify-content:center}.wisdom-chess-logo.is-desktop{display:none}.wisdom-chess-logo.is-mobile{cursor:pointer;display:flex}.menu{box-sizing:border-box;opacity:0;top:calc(var(--menu-offset));z-index:2;pointer-events:none;background:#fff;border-radius:0 0 5px 5px;flex-direction:column;width:100%;margin:0;list-style:none;position:absolute;left:0}.menu.is-open{opacity:1;pointer-events:all;transition:opacity .15s ease-in}.menu li{text-align:center;border-bottom:2px solid #eee;width:100%}.menu li a{width:100%;padding:1.25rem 1rem}.menu li:hover{background:var(--menu-highlight)}.menu li:hover a{color:#fff;cursor:pointer}.menu li:last-child{border-bottom:0}.top-menu .menu-arrow{display:inline}.top-menu a:hover{text-decoration:none}}.rc-slider{touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:#0000;border-radius:6px;width:100%;height:14px;padding:5px 0;position:relative}.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:#0000}.rc-slider-rail{background-color:#e9e9e9;border-radius:6px;width:100%;height:4px;position:absolute}.rc-slider-track{background-color:#abe2fb;border-radius:6px;height:4px;position:absolute}.rc-slider-handle{cursor:pointer;width:14px;height:14px;cursor:-webkit-grab;cursor:grab;opacity:.8;touch-action:pan-x;background-color:#fff;border:2px solid #96dbfa;border-radius:50%;margin-top:-5px;position:absolute}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle:focus{box-shadow:none;outline:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{box-shadow:unset;border-color:#96dbfa}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{cursor:-webkit-grabbing;cursor:grabbing;border-color:#57c5f7;box-shadow:0 0 5px #57c5f7}.rc-slider-mark{width:100%;font-size:12px;position:absolute;top:18px;left:0}.rc-slider-mark-text{color:#999;text-align:center;vertical-align:middle;cursor:pointer;display:inline-block;position:absolute}.rc-slider-mark-text-active{color:#666}.rc-slider-step{pointer-events:none;background:0 0;width:100%;height:4px;position:absolute}.rc-slider-dot{vertical-align:middle;cursor:pointer;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-2px}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-handle,.rc-slider-disabled .rc-slider-dot{box-shadow:none;cursor:not-allowed;background-color:#fff;border-color:#ccc}.rc-slider-disabled .rc-slider-mark-text,.rc-slider-disabled .rc-slider-dot{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{width:4px;height:100%}.rc-slider-vertical .rc-slider-track{width:4px;bottom:0;left:5px}.rc-slider-vertical .rc-slider-handle{touch-action:pan-y;margin-top:0;margin-left:-5px}.rc-slider-vertical .rc-slider-mark{height:100%;top:0;left:18px}.rc-slider-vertical .rc-slider-step{width:4px;height:100%}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-leave{animation-duration:.3s;animation-play-state:paused;animation-fill-mode:both;display:block!important}.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{animation-timing-function:cubic-bezier(.23,1,.32,1);transform:scale(0)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{transform-origin:50% 100%;opacity:0;transform:scale(0)}to{transform-origin:50% 100%;transform:scale(1)}}@keyframes rcSliderTooltipZoomDownOut{0%{transform-origin:50% 100%;transform:scale(1)}to{transform-origin:50% 100%;opacity:0;transform:scale(0)}}.rc-slider-tooltip{visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:#0000;position:absolute;top:-9999px;left:-9999px}.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:#0000}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{color:#fff;text-align:center;background-color:#6c6c6c;border-radius:6px;min-width:24px;height:24px;padding:6px 2px;font-size:12px;line-height:1;text-decoration:none;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{border-style:solid;border-color:#0000;width:0;height:0;position:absolute}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{border-width:4px 4px 0;border-top-color:#6c6c6c;margin-left:-4px;bottom:4px;left:50%}.settings{justify-content:center;align-items:center;row-gap:.4rem;width:80%;margin:auto;display:grid}.settings>:nth-child(2n){margin-bottom:1rem}.settings input[type=radio]{margin-right:10px;transform:scale(1.75)}.settings .rc-slider-handle{transform:translate(-50%)scale(1.75)!important}@media screen and (width>=48rem){.settings{grid-template-columns:48% 52%;gap:2rem 1rem;max-width:30rem;margin:auto;display:grid}.settings>:nth-child(2n){margin-bottom:revert}}.player-options label{cursor:pointer}.player-options{justify-content:center;gap:2rem;display:flex}.settings .buttons{flex-direction:column;width:20rem;margin:auto;padding-top:2rem}.thinking-time,.search-depth{align-items:center;gap:.8rem;display:flex}.thinking-time label,.search-depth label{flex-basis:7rem}.rc-slider-track{background-color:var(--slider-color)}@media screen and (width>=48rem){.thinking-time label,.search-depth label{text-align:left}.settings .buttons{padding-top:revert;width:revert;margin:revert;flex-direction:row}.buttons.grid-columns-1-3{grid-column:1/3}.player-options{align-items:revert;justify-self:start}.flip-board{justify-self:start}}.draw-dialog p{margin-top:0;margin-bottom:2rem}.about-modal-content{max-width:22rem;margin:0 auto}:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--default-text-color);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--square-size:40px;--border-size:2px;--square-background:#5f9ea0;--square-focused:darksalmon;--menu-highlight:#747bff;--slider-color:#88b1f2;--item-spacing:1rem;--default-text-color:#213547;--full-board-width:calc(var(--square-size) * 8 + var(--border-size) * 2);font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:24px}*{box-sizing:border-box}body{min-width:320px;height:100vh;margin:0}@media screen and (width>=48rem){:root{--item-spacing:2rem}}.board.flipped .piece{transform:rotate(180deg)}.piece img{width:var(--square-size);height:var(--square-size)}.square:nth-child(odd){background:#fafafa}.square.odd:nth-child(odd){background:var(--square-background)}.square.odd:nth-child(2n){background:#fafafa}@media screen and (width>=600px) and (height>=720px){:root{--square-size:64px}body{height:initial}}@media screen and (width>=940px) and (height>=1040px){:root{--square-size:96px}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#747bff}h1{font-size:3.2rem;line-height:1.1}button{cursor:pointer;background-color:#f3f3f3;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1rem;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.btn-highlight{border-color:var(--menu-highlight)}input[type=checkbox]{appearance:none;cursor:pointer;background-color:#d3d3d3;border-radius:25px;width:50px;min-width:50px;height:30px;transition:background-color .3s;position:relative}input[type=checkbox]:after{content:"";color:#00f;background-color:#fff;border-radius:50%;width:20px;height:20px;transition:left .1s ease-in-out;position:absolute;top:50%;left:30%;transform:translate(-50%,-50%)}input[type=checkbox]:checked{background-color:var(--slider-color)}input[type=checkbox]:checked:after{left:70%}