.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%)}}.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}.against-player-grid{display:grid;gap:0 var(--grid-gap);justify-content:center}@media(min-aspect-ratio:0.75),(min-width:2001px){.against-player-grid{grid-template-columns:min(var(--max-board-size),min((100vh - var(--main-navbar-height) - 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((100vh - var(--main-navbar-height) - 1.6*var(--navbar-margin))*var(--overall-ratio-of-board-height),100vw - var(--min-right-side-wrapper-width) - 3*var(--grid-gap))) min-content}.against-player-grid .player-clock-bar-wrapper.top{grid-row:1/2;grid-column:1/2}.against-player-grid .player-clock-bar-wrapper.bottom{grid-row:3/4;grid-column:1/2}.against-player-grid .chess-board-wrapper{grid-column:1/2;grid-row:2/3}.against-player-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){.against-player-grid{grid-template-columns:min(var(--max-board-size),min((100vh - var(--main-navbar-height) - 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((100vh - var(--main-navbar-height) - 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)}.against-player-grid .right-side-wrapper{flex-direction:row;gap:3%}.against-player-grid .right-side-wrapper .notation-block-wrapper{height:100%;flex-grow:.8}.against-player-grid .right-side-wrapper .action-wrapper{flex-grow:0;align-self:center}.against-player-grid .right-side-wrapper:has(.chat-watch-wrapper){display:grid;grid-template-columns:1fr 1fr}.against-player-grid .right-side-wrapper:has(.chat-watch-wrapper) .chat-watch-wrapper{grid-row:2/3;grid-column:2/3}.against-player-grid .right-side-wrapper:has(.chat-watch-wrapper) .notation-block-wrapper{grid-row:1/3;grid-column:1/2}.against-player-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){.against-player-grid{grid-template-columns:calc(100vw - 2*var(--grid-gap))}.against-player-grid .player-clock-bar-wrapper.top{grid-row:1/2}.against-player-grid .player-clock-bar-wrapper.bottom{grid-row:3/4}.against-player-grid .chess-board-wrapper{grid-row:2/3;height:calc(100vw - 2*var(--grid-gap))}.against-player-grid .right-side-wrapper{grid-row:4/5;margin-top:2.5vw}.against-player-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){.against-player-grid .right-side-wrapper{flex-direction:row;gap:16px}.against-player-grid .right-side-wrapper:has(.chat-watch-wrapper){display:grid;grid-template-columns:1fr 1fr}.against-player-grid .right-side-wrapper:has(.chat-watch-wrapper) .chat-watch-wrapper{grid-row:2/3;grid-column:2/3}.against-player-grid .right-side-wrapper:has(.chat-watch-wrapper) .notation-block-wrapper{grid-row:1/3;grid-column:1/2}.against-player-grid .right-side-wrapper:has(.chat-watch-wrapper) .action-wrapper{grid-row:1/2;grid-column:2/3;align-self:baseline}.against-player-grid .right-side-wrapper:has(.chat-watch-wrapper) .chat-watch-wrapper{display:flex;flex-direction:column-reverse;margin-top:20px}.against-player-grid .right-side-wrapper:has(.chat-watch-wrapper) .chat-watch-wrapper>:first-child{margin-top:0}}.multiple-games-wrapper{display:grid}.multiple-games-wrapper .game-wrapper{padding-inline:min(1.5vw,35px);padding-block:calc(min(1.5vw,35px)/2)}.multiple-games-wrapper .game-wrapper .chess-board-wrapper{aspect-ratio:1}@media(max-width:470px)and (max-aspect-ratio:0.5999){.multiple-games-wrapper{grid-template-columns:repeat(1,1fr)}}@media(max-width:470px)and (min-aspect-ratio:0.6),(min-width:470px)and (max-width:650px){.multiple-games-wrapper{grid-template-columns:repeat(2,1fr)}}@media(min-width:651px)and (max-width:1050px){.multiple-games-wrapper{grid-template-columns:repeat(3,1fr)}}@media(min-width:1051px){.multiple-games-wrapper{grid-template-columns:repeat(4,1fr)}}