#root{margin:0 auto;text-align:center}.container{display:flex;place-items:center;flex-direction:column}.status-bar{font-size:1.25rem}@media screen and (min-width: 48rem){.status-bar{font-size:2rem}}.status-bar div{margin-bottom:calc(var(--item-spacing) * .6)}.modal{position:absolute;top:50%;left:50%;z-index:3;transform:translate(-50%,-50%);background:#fff;width:100%;box-sizing:border-box;padding:1rem 0 4rem}@media screen and (min-width: 48rem){.modal{position:absolute;left:50%;top:30%;transform:translate(-50%,-30%);z-index:3;background:#fff;width:66vw;border-radius:1rem;padding:1rem 1.5rem 4rem;box-sizing:border-box;max-width:38rem}}.modal h1{margin-bottom:2rem}.modal-overlay{position:absolute;height:100%;width:100%;background:#888;opacity:.4;z-index:2;top:0}.modal h1{font-size:2rem}.modal p{margin-bottom:2rem}.buttons{display:flex;justify-content:center;gap:.7rem}.buttons>*{flex-basis:33%}body{background:#c7c7c7}.board{display:grid;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;border-radius:3px;position:relative;margin-bottom:var(--item-spacing);transition:transform .85s ease-out}.board.flipped{transform:rotate(180deg)}.square{background:var(--square-background);width:var(--square-size);height:var(--square-size)}.piece{position:absolute;top:var(--border-size);left:var(--border-size);width:var(--square-size);height:var(--square-size)}.piece:not(.dragging){transition:transform .56s ease-in-out .52s,background-color 70ms,top ease-in-out .16s,left ease-in-out .16s}.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)}.pawn-promotion-dialog{height:calc(var(--square-size) * 4);width:var(--square-size);display:flex;flex-direction:column;align-items:center;justify-content:center}.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);background:#76b1d5;box-sizing:border-box;opacity:.93}.pawn-promotion-dialog>*:nth-child(2n){background:#9dc7e1}.pawn-promotion-dialog .pawn-promotion-dialog__piece.selected{background:#ff8c00}.top-menu-container{background:#e4e4e4;width:100%;margin-bottom:1.4rem;--menu-top-padding: 5px;padding:var(--menu-top-padding) 0;--menu-offset: 43px;height:var(--menu-offset);box-sizing:border-box}.top-menu{display:flex;align-items:center;justify-content:space-between;gap:6px;position:relative;width:var(--full-board-width);margin:0 auto}.wisdom-chess-logo.is-mobile,.wisdom-chess-logo.is-desktop{display:flex;align-items:center;justify-self:flex-start;gap:6px}.wisdom-chess-logo.is-mobile,.top-menu .menu-arrow{display:none}.top-menu a:hover{text-decoration:underline}.menu{list-style:none;display:flex;column-gap:1.5rem;align-items:center;margin:0;padding:0}.menu li{margin:0;padding:0}.menu li a{display:block;cursor:pointer;color:var(--default-text-color)}@media (max-width: 720px),(max-height: 720px){.top-menu{position:initial;justify-content:center}.wisdom-chess-logo.is-desktop{display:none}.wisdom-chess-logo.is-mobile{display:flex;cursor:pointer}.menu{box-sizing:border-box;opacity:0;position:absolute;flex-direction:column;top:calc(var(--menu-offset));z-index:2;background:#fff;width:100%;left:0;list-style:none;margin:0;border-radius:0 0 5px 5px;pointer-events:none}.menu.is-open{opacity:1;transition:opacity .15s ease-in;pointer-events:all}.menu li{text-align:center;border-bottom:2px solid #eee;width:100%}.menu li a{padding:1.25rem 1rem;width:100%}.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{position:relative;width:100%;height:14px;padding:5px 0;border-radius:6px;touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-rail{position:absolute;width:100%;height:4px;background-color:#e9e9e9;border-radius:6px}.rc-slider-track{position:absolute;height:4px;background-color:#abe2fb;border-radius:6px}.rc-slider-handle{position:absolute;width:14px;height:14px;margin-top:-5px;background-color:#fff;border:solid 2px #96dbfa;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;opacity:.8;touch-action:pan-x}.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{outline:none;box-shadow:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:unset}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:-webkit-grabbing;cursor:grabbing}.rc-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}.rc-slider-mark-text{position:absolute;display:inline-block;color:#999;text-align:center;vertical-align:middle;cursor:pointer}.rc-slider-mark-text-active{color:#666}.rc-slider-step{position:absolute;width:100%;height:4px;background:transparent;pointer-events:none}.rc-slider-dot{position:absolute;bottom:-2px;width:8px;height:8px;vertical-align:middle;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;cursor:pointer}.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{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.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{bottom:0;left:5px;width:4px}.rc-slider-vertical .rc-slider-handle{margin-top:0;margin-left:-5px;touch-action:pan-y}.rc-slider-vertical .rc-slider-mark{top:0;left:18px;height:100%}.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{display:block!important;animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.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{transform:scale(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{transform:scale(0);transform-origin:50% 100%;opacity:0}to{transform:scale(1);transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}to{transform:scale(0);transform-origin:50% 100%;opacity:0}}.rc-slider-tooltip{position:absolute;top:-9999px;left:-9999px;visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{min-width:24px;height:24px;padding:6px 2px;color:#fff;font-size:12px;line-height:1;text-align:center;text-decoration:none;background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c}.settings{display:grid;justify-content:center;row-gap:.4rem;width:80%;margin:auto;align-items:center}.settings>*:nth-child(2n){margin-bottom:1rem}.settings input[type=radio]{transform:scale(1.75);margin-right:10px}.settings .rc-slider-handle{transform:translate(-50%) scale(1.75)!important}@media screen and (min-width: 48rem){.settings{display:grid;grid-template-columns:48% 52%;row-gap:2rem;max-width:30rem;column-gap:1rem;margin:auto}.settings>*:nth-child(2n){margin-bottom:revert}}.player-options label{cursor:pointer}.player-options{display:flex;gap:2rem;justify-content:center}.settings .buttons{padding-top:2rem;width:20rem;margin:auto;flex-direction:column}.thinking-time,.search-depth{display:flex;gap:.8rem;align-items:center}.thinking-time label,.search-depth label{flex-basis:7rem}.rc-slider-track{background-color:var(--slider-color)}@media screen and (min-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{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;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%}:root{--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)}*{box-sizing:border-box}body{margin:0;min-width:320px;height:100vh}@media screen and (min-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 (min-width: 600px) and (min-height: 720px){:root{--square-size: 64px}body{height:initial}}@media screen and (min-width: 940px) and (min-height: 1040px){:root{--square-size: 96px}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#747bff}h1{font-size:3.2rem;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1rem;font-weight:500;font-family:inherit;background-color:#f3f3f3;cursor:pointer;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]{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;background-color:#d3d3d3;width:50px;min-width:50px;height:30px;border-radius:25px;cursor:pointer;transition:background-color .3s ease}input[type=checkbox]:after{content:"";position:absolute;color:#00f;border-radius:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-color:#fff;top:50%;left:30%;transition:left .1s ease-in-out}input[type=checkbox]:checked{background-color:var(--slider-color)}input[type=checkbox]:checked:after{left:70%}