.right-side-wrapper{justify-content:center;align-items:center;display:flex;flex-direction:column;min-width:var(--min-right-side-wrapper-width)}@media(max-width:770px){html body .main-page-body .main-flex-wrapper .right-side-wrapper{width:100%}}.chess-board-wrapper{container-type:inline-size;position:relative;border:3px solid sienna;border-radius:1px;display:grid;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr)}.chess-board-wrapper .promotion-background{height:100%;width:100%;position:absolute;background-color:#000;z-index:999;animation-name:promotion-background;animation-duration:.2s;animation-fill-mode:both}.chess-board-wrapper .promotion-wrapper{position:absolute;z-index:1000;width:60%;left:50%;top:50%;background-color:#eee;border-radius:5px;display:flex;flex-direction:row;animation-name:promotion-modal;animation-duration:.2s;animation-fill-mode:forwards}.chess-board-wrapper .promotion-wrapper .promotion-image-wrapper{height:100%;flex-grow:.25;margin:2%;cursor:pointer;background-color:#d6a66d;border:2px solid #000;border-radius:50%}.chess-board-wrapper .child-wrapper{left:50%;top:50%;position:absolute;transform:translate(-50%,-50%);z-index:20;height:100%;display:flex}.chess-board-wrapper .chess-board-square{align-items:center;justify-content:center;display:flex;position:relative;overflow:visible}.chess-board-wrapper .chess-board-square.chess-board-square-black{background-color:#a1662f}.chess-board-wrapper .chess-board-square.chess-board-square-black .square-info{color:#e8dddd}.chess-board-wrapper .chess-board-square.chess-board-square-white{background-color:#e8dddd}.chess-board-wrapper .chess-board-square.chess-board-square-white .square-info{color:#a1662f}.chess-board-wrapper .chess-board-square.selected-square:before{position:absolute;content:"";width:100%;height:100%;z-index:1;background-color:rgba(54,205,50,.5)}.chess-board-wrapper .chess-board-square.can-move-to:before{content:"";background-color:rgba(48,160,48,.627);height:30%;width:30%;border-radius:50%;z-index:1;position:absolute}.chess-board-wrapper .chess-board-square.can-take:before{content:"";position:absolute;height:100%;width:100%;border:4px solid rgba(0,128,0,.439);border-radius:25%;z-index:1}.chess-board-wrapper .chess-board-square.can-drop:before{content:"";background-color:rgba(48,160,48,.627);height:100%;width:100%;position:absolute;z-index:1}.chess-board-wrapper .chess-board-square .square-info{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:600}.chess-board-wrapper .chess-board-square .square-info.square-letter{font-size:2.75cqw;left:5%;bottom:5%}.chess-board-wrapper .chess-board-square .square-info.square-number{font-size:2.75cqw;top:5%;right:5%}.chess-board-wrapper .chess-board-square.last-move-square:before{content:"";background-color:rgba(170,230,0,.5);height:100%;width:100%;position:absolute}.chess-board-wrapper .chess-board-square.hint-square:before{content:"";background-color:rgba(255,255,85,.6);width:100%;height:100%;position:absolute}.chess-board-wrapper .chess-board-square.pre-move-square:before{content:"";background-color:rgba(173,216,230,.7);height:100%;width:100%;position:absolute}.rotating-board .piece-wrapper{transition:none}.piece-wrapper{position:absolute;height:12.5%;width:12.5%;display:flex;transition:left .5s,bottom .5s,opacity .4s;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:10;touch-action:none}.piece-wrapper:has(.dragged-piece){transition:left 0ms,bottom 0ms;z-index:11}.piece-wrapper.captured{opacity:0;z-index:9}.piece-wrapper .piece{height:100%;width:100%;display:flex;cursor:grab;padding:4%}@keyframes promotion-background{0%{opacity:0}to{opacity:.5}}@keyframes promotion-modal{0%{opacity:0;transform:translate(-50%,-80%)}to{opacity:1;transform:translate(-50%,-50%)}}.notation-block-wrapper{width:100%;display:flex;flex-direction:column;flex-grow:.95;height:100px;container-type:inline-size}.notation-block-wrapper>*{font-size:var(--right-side-font-size);line-height:var(--standard-line-height)}.notation-block-wrapper .notation-block{flex-grow:1;container-type:size;padding:5px;overflow:auto;font-weight:500;border:1px solid #000;background-color:#fff}.notation-block-wrapper .notation-block .move-number-notation{width:20cqw}.notation-block-wrapper .notation-block tbody :is(.white-move-notation,.black-move-notation):not(:empty){cursor:pointer}.notation-block-wrapper .notation-block tbody :is(.white-move-notation,.black-move-notation):not(:empty).current-move{background-color:#c8e6f5}.notation-block-wrapper .notation-block tbody :is(.white-move-notation,.black-move-notation):not(:empty):hover{background-color:#e0f2fe}.notation-block-wrapper .notation-block .black-move-notation,.notation-block-wrapper .notation-block .white-move-notation{width:40cqw}.notation-block-wrapper .notation-block thead{background-color:beige}.notation-block-wrapper .forward-backward-wrapper{display:flex}.notation-block-wrapper .forward-backward-wrapper .action-button-notation{flex-grow:1;text-align:center;background-color:#ebebd2;border:1px solid #000;-webkit-user-select:none;-moz-user-select:none;user-select:none}.notation-block-wrapper .forward-backward-wrapper .action-button-notation.enabled{cursor:pointer}.notation-block-wrapper .forward-backward-wrapper .action-button-notation.enabled:hover{background-color:#d4d4be}.action-wrapper{width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;container-type:inline-size}.action-wrapper .action-button{font-size:var(--right-side-font-size);line-height:var(--standard-line-height);display:block;width:100%;margin-top:clamp(8px,4%,12px);padding:5px;background-color:#16a34a;color:#fff;text-align:center;border:1px solid #000;border-radius:4px;cursor:pointer}.action-wrapper .action-button:not(:last-child){margin-bottom:clamp(8px,4%,12px)}.action-wrapper .action-button:hover{background-color:#15803d}.action-wrapper .action-button[disabled]{background-color:#c8c8c8;color:#323232;cursor:not-allowed}.endgame-match-grid{display:grid;gap:0 var(--grid-gap);justify-content:center}@media(min-aspect-ratio:0.75),(min-width:2001px){.endgame-match-grid{grid-template-columns:min(var(--max-board-size),min((95vh - 1.6*var(--navbar-margin))*var(--overall-ratio-of-board-height),100vw - var(--min-right-side-wrapper-width) - 3*var(--grid-gap))) minmax(min-content,.35fr);grid-template-rows:min-content min(var(--max-board-size),min((95vh - 1.6*var(--navbar-margin))*var(--overall-ratio-of-board-height),100vw - var(--min-right-side-wrapper-width) - 3*var(--grid-gap))) min-content}.endgame-match-grid .player-clock-bar-wrapper.top{grid-row:1/2;grid-column:1/2}.endgame-match-grid .player-clock-bar-wrapper.bottom{grid-row:3/4;grid-column:1/2}.endgame-match-grid .chess-board-wrapper{grid-column:1/2;grid-row:2/3}.endgame-match-grid .right-side-wrapper{grid-row:2/3;grid-column:2/3}}@media(min-aspect-ratio:0.75)and (max-height:620px)and (min-aspect-ratio:1.6666666667),(min-width:2001px)and (max-height:620px)and (min-aspect-ratio:1.6666666667){.endgame-match-grid{grid-template-columns:min(var(--max-board-size),min((95vh - 1.6*var(--navbar-margin))*var(--overall-ratio-of-board-height),100vw - var(--min-right-side-wrapper-width) - 3*var(--grid-gap))) min(100vw - min(var(--max-board-size),min((95vh - 1.6*var(--navbar-margin))*var(--overall-ratio-of-board-height),100vw - var(--min-right-side-wrapper-width) - 3*var(--grid-gap))) - 2*var(--grid-gap) - var(--grid-gap),600px)}.endgame-match-grid .right-side-wrapper{flex-direction:row;gap:3%}.endgame-match-grid .right-side-wrapper .notation-block-wrapper{height:100%;flex-grow:.8}.endgame-match-grid .right-side-wrapper .action-wrapper{flex-grow:0;align-self:center}.endgame-match-grid .right-side-wrapper:has(.chat-watch-wrapper){display:grid;grid-template-columns:1fr 1fr}.endgame-match-grid .right-side-wrapper:has(.chat-watch-wrapper) .chat-watch-wrapper{grid-row:2/3;grid-column:2/3}.endgame-match-grid .right-side-wrapper:has(.chat-watch-wrapper) .notation-block-wrapper{grid-row:1/3;grid-column:1/2}.endgame-match-grid .right-side-wrapper:has(.chat-watch-wrapper) .action-wrapper{grid-row:1/2;grid-column:2/3;align-self:baseline}}@media(max-width:2000px)and (max-aspect-ratio:0.7499){.endgame-match-grid{grid-template-columns:calc(100vw - 2*var(--grid-gap))}.endgame-match-grid .player-clock-bar-wrapper.top{grid-row:1/2}.endgame-match-grid .player-clock-bar-wrapper.bottom{grid-row:3/4}.endgame-match-grid .chess-board-wrapper{grid-row:2/3;height:calc(100vw - 2*var(--grid-gap))}.endgame-match-grid .right-side-wrapper{grid-row:4/5;margin-top:2.5vw}.endgame-match-grid .right-side-wrapper .notation-block-wrapper{min-height:200px;height:100%}}@media(max-width:2000px)and (max-aspect-ratio:0.7499)and (min-width:550px){.endgame-match-grid .right-side-wrapper{flex-direction:row;gap:16px}.endgame-match-grid .right-side-wrapper:has(.chat-watch-wrapper){display:grid;grid-template-columns:1fr 1fr}.endgame-match-grid .right-side-wrapper:has(.chat-watch-wrapper) .chat-watch-wrapper{grid-row:2/3;grid-column:2/3}.endgame-match-grid .right-side-wrapper:has(.chat-watch-wrapper) .notation-block-wrapper{grid-row:1/3;grid-column:1/2}.endgame-match-grid .right-side-wrapper:has(.chat-watch-wrapper) .action-wrapper{grid-row:1/2;grid-column:2/3;align-self:baseline}.endgame-match-grid .right-side-wrapper:has(.chat-watch-wrapper) .chat-watch-wrapper{display:flex;flex-direction:column-reverse;margin-top:20px}.endgame-match-grid .right-side-wrapper:has(.chat-watch-wrapper) .chat-watch-wrapper>:first-child{margin-top:0}}.player-clock-bar-wrapper{padding:1%;font-weight:700;display:flex;justify-content:space-between;container-type:inline-size}.player-clock-bar-wrapper>*{font-size:calc((clamp(16px + 2cqw,100cqw/var(--player-and-clockbar-aspect-ratio),40px + 2cqw) - 2cqw)/1.4);line-height:1.4}.player-clock-bar-wrapper .clock-bar{-webkit-user-select:none;-moz-user-select:none;user-select:none}.player-clock-bar-wrapper .clock-bar,.player-clock-bar-wrapper .result{margin-right:.4rem}.player-clock-bar-wrapper .clock-bar .is-ticking,.player-clock-bar-wrapper .result .is-ticking{color:#ff5a00}.player-clock-bar-wrapper .player-info{width:85%;display:flex}.player-clock-bar-wrapper .player-info>*{margin-right:.4rem;white-space:nowrap}.player-clock-bar-wrapper .player-info .player-name{overflow:hidden;text-overflow:ellipsis}.player-clock-bar-wrapper .player-info .fide-title{color:#aa4646}.player-clock-bar-wrapper .player-info .plus{color:green}.player-clock-bar-wrapper .player-info .plus:before{content:"+"}.player-clock-bar-wrapper .player-info .neutral{color:gray}.player-clock-bar-wrapper .player-info .neutral:before{content:"±"}.player-clock-bar-wrapper .player-info .minus{color:red}.off-circle,.on-circle{margin-top:.15em;height:.62em;width:.62em;align-self:center}