.classical-layer{position:absolute;height:100%;width:100%;pointer-events:none;z-index:200}.global-board-container{width:100%;height:100%;aspect-ratio:1/1;display:flex;flex-direction:column;user-select:none;outline:none;position:relative}.selectPromotePieceSquare{height:25%;width:100%;background:#d5d5d5;transition:.2s;cursor:pointer}.selectPromotePieceSquare>div{width:100%;height:100%;display:flex}.selectPromotePieceSquare>div>img{height:90%;margin:auto}.selectPromotePieceSquare:hover{background:#bfbfbf}.control-container{user-select:none;outline:none;margin-top:20px;margin-left:auto;margin-right:auto;gap:10px;display:flex}.promote-piece-layer{position:absolute;height:100%;width:100%;background:#23222585;display:flex}.promote-container{margin:auto;width:70%;height:70%;display:flex;flex-wrap:wrap}.promote-container>div{margin:auto;width:40%;height:40%;border:1px solid rgba(149,149,149,.26);background:#181818;border-radius:5px;cursor:pointer;display:flex}.promote-container>div>img{margin:auto;height:50%;width:auto}.square{display:flex;width:12.5%;height:12.5%;position:relative}.white-square{background:#fbf3ea}.black-square{background:#d6c3b9}.numberChessCaseWhite{color:#ffffff80;font-weight:700;font-size:12px;position:absolute}.numberChessCaseBlack{color:#00000080;font-size:12px;font-weight:700;position:absolute}.numberChessCaseWhiteTop{color:#ffffff80;font-size:12px;font-weight:700;position:absolute}.numberChessCaseBlackTop{color:#00000080;font-size:12px;font-weight:700;position:absolute}.chessboard{width:100%;height:100%;background:#949fab;position:relative;display:flex;flex-wrap:wrap;user-select:none;outline:none}.global-board-container[data-board-render-mode=isometric]{isolation:isolate;overflow:visible}.global-board-container[data-board-render-mode=isometric] .chessboard{overflow:visible}.board-isometric-surface{display:none;position:absolute;inset:0;overflow:visible;pointer-events:none;z-index:10}.global-board-container[data-board-render-mode=isometric] .board-isometric-surface{display:block}.board-isometric-tile{position:absolute;width:12.5%;height:12.5%;background:linear-gradient(to bottom,rgba(255,255,255,.07),transparent 22%,transparent 72%,rgba(0,0,0,.13));pointer-events:none;z-index:calc(8 - var(--board-iso-row))}.piece{height:12.5%;width:12.5%;position:absolute;display:flex;transition:top .2s,left .2s;cursor:pointer}.piece>img{height:90%;margin:auto}.global-board-container[data-board-render-mode=isometric] .piece{overflow:visible}.global-board-container[data-board-render-mode=isometric] .piece.piece-capture-attacker-active{z-index:1500!important}.global-board-container[data-board-render-mode=isometric] .piece:before{content:"";position:absolute;top:64%;left:50%;width:90%;height:28%;background:url(/images/board-effects/3d-iso/piece-shadow-contact.png) center / 100% 100% no-repeat;filter:brightness(0);image-rendering:pixelated;mix-blend-mode:multiply;opacity:.52;transform:translate(-50%);pointer-events:none;z-index:0}.global-board-container[data-board-render-mode=isometric] .piece.piece-drag-shadow-active:before{opacity:0}.global-board-container[data-board-render-mode=isometric] .piece>img{--iso-piece-left: -10%;--iso-piece-size: 120%;--iso-piece-top: -24%;position:absolute;top:var(--iso-piece-top);left:var(--iso-piece-left);width:var(--iso-piece-size)!important;height:var(--iso-piece-size)!important;max-width:none;margin:0;object-fit:contain;image-rendering:pixelated;z-index:1}.global-board-container[data-board-render-mode=isometric] .piece>img[data-piece-type=p]{--iso-piece-left: -15%;--iso-piece-size: 130%;--iso-piece-top: -26.5%}.global-board-container[data-board-render-mode=isometric] .piece>img[data-piece-type=r]{--iso-piece-left: -12%;--iso-piece-size: 124%;--iso-piece-top: -26%}.global-board-container[data-board-render-mode=isometric] .piece>img[data-piece-type=b]{--iso-piece-left: -20%;--iso-piece-size: 140%;--iso-piece-top: -34%}.global-board-container[data-board-render-mode=isometric] .piece>img[data-piece-type=n]{--iso-piece-left: -22.5%;--iso-piece-size: 145%;--iso-piece-top: -42%}.global-board-container[data-board-render-mode=isometric] .piece>img[data-piece-type=k]{--iso-piece-top: -20%}.global-board-container[data-board-render-mode=isometric] .selectPromotePieceSquare img{image-rendering:pixelated}.board-drag-target-corners{position:absolute;width:12.5%;height:12.5%;display:none;pointer-events:none;z-index:1200}.board-drag-target-corner{position:absolute;width:35%;height:35%;box-sizing:border-box;border:0 solid var(--board-drag-target-color, rgba(255, 248, 227, .96));filter:drop-shadow(1px 0 0 rgba(51,38,42,.95)) drop-shadow(-1px 0 0 rgba(51,38,42,.95)) drop-shadow(0 1px 0 rgba(51,38,42,.95)) drop-shadow(0 -1px 0 rgba(51,38,42,.95))}.board-drag-target-corner--top-left{top:7%;left:7%;border-top-width:clamp(3px,.45vmin,5px);border-left-width:clamp(3px,.45vmin,5px)}.board-drag-target-corner--top-right{top:7%;right:7%;border-top-width:clamp(3px,.45vmin,5px);border-right-width:clamp(3px,.45vmin,5px)}.board-drag-target-corner--bottom-left{bottom:7%;left:7%;border-bottom-width:clamp(3px,.45vmin,5px);border-left-width:clamp(3px,.45vmin,5px)}.board-drag-target-corner--bottom-right{right:7%;bottom:7%;border-right-width:clamp(3px,.45vmin,5px);border-bottom-width:clamp(3px,.45vmin,5px)}.square-selector-indicator{height:12.5%;width:12.5%;position:absolute;background:linear-gradient(to right,#ec9b4773,#e0401d73);display:flex;transition:.2s;border:1px solid rgba(0,0,0,.25);opacity:0}.indicator{height:12.5%;width:12.5%;position:absolute;display:flex;opacity:0}.indicator-style{margin:auto;height:40%;width:40%;background:#2321217d;border-radius:100%}.target-indicator{height:12.5%;width:12.5%;position:absolute;display:flex;opacity:0}.targetSquare{margin:auto;height:40%;width:40%;border-radius:5px;background:#2321217d;transform:rotate(45deg)}.refresh-container{display:flex;padding-top:7px;padding-bottom:7px;background:#171618;border:1px solid #505050;margin:auto;width:100%;border-radius:5px;cursor:pointer;opacity:.8;transition:.2s}.close-container{margin-bottom:7px;display:flex;padding-top:4.5px;padding-bottom:4.5px;background:#171618;border:1px solid #505050;width:100%;border-radius:5px;cursor:pointer;opacity:.8;transition:.2s}.fleche{background:#171618;display:flex;border:1px solid #505050;margin:auto;width:45px;height:28px;border-radius:5px;cursor:pointer;opacity:.8;transition:.2s}.fleche:hover{opacity:1}.action-layer{position:absolute;left:-50px;width:32.5px;height:auto;display:flex;flex-direction:column}.button-action-container{display:flex;padding-top:7px;padding-bottom:7px;background:#171618;border:1px solid #505050;margin:auto auto 8px;width:100%;border-radius:5px;cursor:pointer;opacity:.8;transition:.2s}.button-action-container:first-of-type{margin-top:0}.indice-layer{position:absolute;height:100%;width:100%;pointer-events:none}.indice-indicator{height:12.5%;width:12.5%;position:absolute;display:flex;background:#debd7f;opacity:0}.reponse-indice{position:absolute;right:-8px;display:flex;top:-12.5px;height:30px;width:30px;background:#489e8d;border-radius:100%;box-shadow:0 1px #00000040}.icon-indice{position:absolute;right:-8px;display:flex;top:-12.5px;height:30px;width:30px;background:#debd7f;border-radius:100%;box-shadow:0 1px #00000040}.reponse-layer{position:absolute;height:100%;width:100%;pointer-events:none}.reponse-indicator{height:12.5%;width:12.5%;position:absolute;display:flex;background:#489e8d;opacity:0}.valid-layer{position:absolute;height:100%;width:100%;pointer-events:none}.valid-indicator{height:12.5%;width:12.5%;position:absolute;display:flex;background:#5cc061;opacity:0}.icon-valid{position:absolute;right:-8px;display:flex;top:-12.5px;height:30px;width:30px;background:#5cc061;border-radius:100%;box-shadow:0 1px #00000040}.invalid-layer{position:absolute;height:100%;width:100%;pointer-events:none}.invalid-indicator{height:12.5%;width:12.5%;position:absolute;display:flex;background:#bb4256;opacity:0}.icon-invalid{position:absolute;right:-8px;display:flex;top:-12.5px;height:30px;width:30px;background:#bb4256;border-radius:100%;box-shadow:0 1px #00000040}.full-graph .link{fill:none;stroke:#d9d9d966;stroke-width:1px}.full-graph .node rect{cursor:pointer;border-radius:8px;stroke:#d9d9d980;stroke-width:1px}.full-graph .node text{font-weight:450;pointer-events:none;font-size:11px;dominant-baseline:middle;text-anchor:middle}