.coaching-board-container{flex-wrap:wrap;place-content:center space-around;width:90%;height:100vh;margin:0 auto;padding:35px;display:flex}.coaching-board-container .coaching-board-flex{align-items:initial;flex-wrap:wrap;justify-content:space-around;width:100%;display:flex}.coaching-board-container .coaching-board-box{flex-wrap:wrap;width:85vh;display:flex}@media (max-width:1300px){.coaching-board-container .coaching-board-box{width:80vh}}.coaching-board-container .coaching-board-info-box{align-items:initial;flex-wrap:wrap;width:33%;display:flex}.coaching-board-container .coaching-board-info-box .coaching-tab-box{border-radius:10px;width:100%;height:58vh;overflow:hidden;box-shadow:0 0 5px #0003}@media (max-width:1300px){.coaching-board-container .coaching-board-info-box .coaching-tab-box{height:50vh}}.coaching-board-container .coaching-board-info-box .coaching-tab-box .coaching-tab-nav{justify-content:space-around;align-items:center;width:100%;margin-bottom:15px;display:flex}.coaching-board-container .coaching-board-info-box .coaching-tab-box .coaching-tab-nav .coaching-tab-button{width:inherit;color:#000;text-align:center;cursor:pointer;border-bottom:1px solid #8080804d;border-left:1px solid #8080804d;padding:10px 0;font-size:18px;transition:all .2s}.coaching-board-container .coaching-board-info-box .coaching-tab-box .coaching-tab-nav .coaching-tab-button:first-child{border-left:none}.coaching-board-container .coaching-board-info-box .coaching-tab-box .coaching-tab-nav .coaching-tab-button.active,.coaching-board-container .coaching-board-info-box .coaching-tab-box .coaching-tab-nav .coaching-tab-button:hover{color:#0366b4;border-bottom:3px solid #0366b4;transition:all .2s}.coaching-board-container .coaching-board-info-box .coaching-tab-box .coaching-tab-info-box{width:100%;height:calc(100% - 114px);padding:0 10px;overflow-y:auto}.coaching-board-container .coaching-board-info-box .coaching-tab-box .coaching-tab-info-box .game-comments-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:16px;padding:12px}.coaching-board-container .coaching-board-info-box .coaching-tab-box .coaching-tab-info-box .game-comments-section .comments-title{color:#333;border-bottom:1px solid #dee2e6;margin:0 0 8px;padding-bottom:6px;font-size:14px;font-weight:600}.coaching-board-container .coaching-board-info-box .coaching-tab-box .coaching-tab-info-box .game-comments-section .comments-list .comment-item{border-bottom:1px solid #f1f3f4;padding:6px 0}.coaching-board-container .coaching-board-info-box .coaching-tab-box .coaching-tab-info-box .game-comments-section .comments-list .comment-item:last-child{border-bottom:none}.coaching-board-container .coaching-board-info-box .coaching-tab-box .coaching-tab-info-box .game-comments-section .comments-list .comment-item .comment-text{color:#555;font-size:12px;font-style:italic;line-height:1.4}.coaching-board-container .coaching-board-info-box .coaching-tab-box .hide-movelist-button-container{justify-content:center;width:100%;display:flex}.coaching-board-container .coaching-board-info-box .coaching-tab-box .hide-movelist-button-container .hide-movelist-button{color:#0366b4;cursor:pointer;background:#fff;border:1px solid #0366b4;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.coaching-board-container .coaching-board-info-box .coaching-tab-box .hide-movelist-button-container .hide-movelist-button svg{transition:all .2s}.coaching-board-container .coaching-board-info-box .coaching-tab-box .hide-movelist-button-container .hide-movelist-button:hover{color:#fff;background:#0366b4;transform:translateY(-1px);box-shadow:0 2px 8px #0366b44d}.coaching-board-container .coaching-board-info-box .coaching-tab-box .hide-movelist-button-container .hide-movelist-button:active{transform:translateY(0)}.coaching-board-container .coaching-board-info-box .coaching-tab-box .edit-nav-box{color:#fff;flex-wrap:wrap;width:100%;display:flex;position:relative}.coaching-board-container .coaching-board-info-box .coaching-tab-box .edit-nav-box .edit-nav-button{text-align:center;cursor:pointer;z-index:1;background:#5299e0;border-left:1px solid #fff;width:33.33%;padding:10px 0;font-size:16px;position:relative}.coaching-board-container .coaching-board-info-box .coaching-tab-box .edit-nav-box .edit-nav-button:first-child{border-left:none}.coaching-board-container .coaching-board-info-box .coaching-tab-box .edit-nav-box .edit-nav-button:hover{color:#0366b4;background:#fff;border-top:1px solid #0366b4}.coaching-board-container .coaching-board-info-box .coaching-tab-box .edit-nav-box .pgn-input-box{width:100%;transition:all .2s;display:flex;position:absolute;bottom:-300%;left:0}.coaching-board-container .coaching-board-info-box .coaching-tab-box .edit-nav-box .pgn-input-box.active{transition:all .2s;bottom:99%}.coaching-board-container .coaching-board-info-box .coaching-tab-box .edit-nav-box .pgn-input-box textarea{resize:none;border:1px solid #e0e0e0;outline:none;width:80%;padding:10px}.coaching-board-container .coaching-board-info-box .coaching-tab-box .edit-nav-box .pgn-input-box .pgn-load-button{color:#fff;cursor:pointer;background:#5299e0;border:none;outline:none;width:20%;font-size:14px;text-decoration:none}.root-pre-comment{margin-bottom:20px}.chsbrd-cntr{position:relative}.chsbrd-cntr .color-select-container-board-view{width:20px;max-height:fit-content;position:absolute;top:50%;right:-20px;transform:translateY(-50%)}.chsbrd-cntr .color-select-container-board-view .color-select-box{cursor:pointer;border-radius:0%;width:100%;height:40px;margin:0;transition:all .15s ease-in}.move-pre-comment{color:#666;cursor:help;word-wrap:break-word;background:#fff3cd;border-left:3px solid #ffc107;border-radius:4px;width:100%;padding:6px;font-size:14px;font-style:italic;line-height:1.3;overflow:hidden}.move-with-comment{align-items:center;gap:8px;max-width:75%;margin-right:8px;display:inline-flex}.move-with-comment .move-comment{color:#666;cursor:help;word-wrap:break-word;background:#fff3cd;border-left:3px solid #ffc107;border-radius:4px;max-width:148px;padding:2px 6px;font-size:11px;font-style:italic;line-height:1.3;overflow:hidden}.variation-move-with-comment{align-items:center;gap:4px;margin-right:4px;display:inline-flex}.variation-move-with-comment .move-comment.variation-comment{color:#888;cursor:help;word-wrap:break-word;background:#fff3cd;border-left:3px solid #ffc107;border-radius:4px;max-width:148px;padding:2px 6px;font-size:10px;font-style:italic;line-height:1.3;overflow:hidden}.remove-puzzles-svg-icon{cursor:pointer;width:25px;margin-left:10px}.userInfoBox{background:#e7e7e7;border-top-left-radius:5px;border-bottom-left-radius:5px;align-items:center;width:100%;display:flex;overflow:hidden}.userInfoBox.order-1{order:1;margin-bottom:5px}.userInfoBox.order-3{order:3;margin:5px 0 0}.userInfoBox.black-user-info-box{color:#fff;background:#565352}.userInfoBox.black-user-info-box:after{background:#565352}.userInfoBox .userInfoIconBox{background:#fff6;width:40px}.userInfoBox .userInfoIconBox .userInfoIcon{width:100%;height:auto;display:block}.userInfoBox .userpieceContainer{justify-content:space-between;align-items:center;gap:0 10px;width:100%;padding-right:15px;display:flex}.userInfoBox .userpieceContainer .userNameBox{justify-content:space-between;align-items:center;width:auto;margin-bottom:0;padding:0 5px;font-size:13px;display:flex}.userInfoBox .userpieceContainer .userNameBox .game-result{text-align:center;cursor:default;background:#0366b41a;border:1px solid #0366b433;border-radius:4px;min-width:fit-content;margin-left:20px;padding:2px 6px;font-size:13px;font-weight:700;position:relative;top:1px}.userInfoBox .userpieceContainer .userNameBox .game-result.white-win{background:#28a7451a;border-color:#28a74533}.userInfoBox .userpieceContainer .userNameBox .game-result.black-win{background:#dc35451a;border-color:#dc354533}.userInfoBox .userpieceContainer .userNameBox .game-result.draw{background:#6c757d1a;border-color:#6c757d33}.userInfoBox .userpieceContainer .userNameBox .game-result.in-progress{background:#ffc1071a;border-color:#ffc10733}.userInfoBox .userpieceContainer .userpieceContainerSub{z-index:2;gap:0 5px;padding:0 0 0 10px;display:flex;position:relative}.userInfoBox .userpieceContainer .userpieceBox{justify-content:center;align-items:flex-start;width:auto;display:flex}.userInfoBox .userpieceContainer .userpieceBox .userpieceIcon{width:18px;height:auto;display:block}.userInfoBox .userpieceContainer .userpieceBox span{font-size:12px}.userInfoBox .userpieceContainer .material-advantage-box{align-items:center;display:flex}.userInfoBox .userpieceContainer .material-advantage-box .material-advantage{color:#4caf50;background:#4caf5026;border:1px solid #4caf50;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}.order-2{order:2}.move-tree-header{justify-content:flex-end;align-items:center;margin-bottom:5px;padding-bottom:5px;display:flex}.move-tree-header strong{color:#333;font-size:18px;font-weight:600}.move-tree-controls{gap:8px;display:flex}.move-tree-controls .control-button{color:#fff;cursor:pointer;background:#0366b4;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.move-tree-controls .control-button:hover{background:#025aa3;transform:translateY(-1px);box-shadow:0 2px 4px #0366b44d}.move-tree-content{overflow-y:initial;padding:8px 0}.move-pair{background:#fbf8f8;border-radius:5px;margin-bottom:5px;padding:2px 5px}.move-pair-row{background:#fff;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}.move-pair-row:hover{box-shadow:0 2px 6px #00000026}.move-number{color:#666;text-align:right;min-width:24px;font-weight:600}.move-button{color:#1976d2;cursor:pointer;background:#e3f2fd;border:none;border-radius:4px;outline:none;min-width:fit-content;margin:5px;padding:6px 12px;font-size:14px;font-weight:500;transition:all .2s}.move-button:hover{background:#bbdefb;transform:translateY(-1px)}.move-button.on-path{color:#2e7d32;background:#e8f5e8;border-left:3px solid #4caf50}.move-button.black-move{color:#7b1fa2;background:#f3e5f5}.move-button.black-move:hover{background:#e1bee7}.move-button.white-move{color:#00695c;background:#e0f2f1}.move-button.white-move:hover{background:#b2dfdb}.move-button.current.black-move{color:#fff;background:#7b1fa2;font-weight:700;box-shadow:0 2px 4px #1976d24d}.move-button.current.white-move{color:#fff;background:#00695c;font-weight:700;box-shadow:0 2px 4px #1976d24d}.move-button.variation{color:#e65100;background:#fff3e0;padding:4px 8px;font-size:12px}.move-button.variation:hover{background:#ffe0b2}.move-button.move-ellipsis{cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none}.move-button.move-ellipsis:hover{transform:none}.move-button.move-ellipsis.sub-variation{color:#00695c;background:0 0;border:1px solid #00695c;border-radius:3px;margin-left:5px;padding:2px 6px;font-size:12px}.move-button.move-ellipsis.sub-variation:hover{background:0 0;transform:none}.variation-indicator{color:#999;text-align:center;background:#fff;justify-content:center;align-items:center;min-width:16px;font-size:10px;font-weight:700;display:flex}.collapse-button{color:#666;cursor:pointer;background:#f5f5f5;border:none;border-radius:3px;padding:2px 6px;font-size:12px;transition:all .2s}.collapse-button:hover{background:#e0e0e0}.move-variations{flex-direction:column;gap:4px;margin-top:4px;margin-left:16px;display:flex}.variation-line{background:#fafafa;border-left:2px solid #ddd;border-radius:4px;gap:6px;padding:2px 6px 2px 0;display:flex}.variation-line .variation-spans-container{flex-wrap:wrap;display:flex}.variation-line .variation-spans-container .variation-span{width:100%}.variation-line .move-button,.variation-line .move-number{font-size:12px}.variation-children{margin-top:4px;margin-left:16px}.no-moves-message{text-align:center;color:#666;padding:20px;font-style:italic}.chessboard-loading,.setup-loading{color:#666;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;justify-content:center;align-items:center;width:100%;height:400px;font-size:16px;display:flex}.move-tree-children{border-left:2px solid #e9ecef;width:100%;margin-top:8px;margin-left:20px;padding-left:16px;position:relative}.move-tree-children:before{content:"";background:#e9ecef;width:2px;position:absolute;top:0;bottom:0;left:-2px}.move-tree-children .move-group{margin-bottom:4px}.history-moves-box{flex-wrap:wrap;width:100%;font-weight:700;display:flex}.history-moves-box span{cursor:pointer;font-weight:500;transition:all .2s}.history-moves-box span:hover{color:#0366b4;transition:all .2s}.history-moves-box span.active{color:#0366b4;font-weight:600;transition:all .2s}.no-move-box{text-align:center;color:#666;font-size:14px;font-size:italic;padding:20px}.chessboard-nav-box{-webkit-user-select:none;user-select:none;border-bottom-right-radius:10px;border-bottom-left-radius:10px;justify-content:center;width:100%;margin-top:15px;display:flex}.chessboard-nav-box .navigation-icon-box{cursor:pointer;background-color:#f7f7f7;border:1px solid #d3d3d3;border-radius:50%;width:auto;margin:0 12px;padding:10px;transition:all .2s;box-shadow:0 2px 4px #0000001a}.chessboard-nav-box .navigation-icon-box.notActive{opacity:.3;pointer-events:none}.chessboard-nav-box .navigation-icon-box:hover{background:#8080801a;transition:all .2s}.chessboard-nav-box .navigation-icon-box .navigation-icon{width:20px;height:auto;margin:0 auto;display:block}.chessboard-nav-box .navigation-icon-box.puzzle-nav-button{font-weight:700}.chessboard-nav-box .navigation-icon-box.puzzle-nav-button:hover:not(.notActive){background:#bbdefb;transform:scale(1.05)}.chessboard-nav-box .navigation-icon-box.puzzle-nav-button.notActive{color:#999;background-color:#f5f5f5;border-color:#ccc}@keyframes nav-button-press{0%{transform:translateY(0);box-shadow:0 2px #bfc3c9}15%,55%{color:#0366b4;background:#e8f4fc;border-color:#0366b4;transform:translateY(2px);box-shadow:0 0 #bfc3c9}to{transform:translateY(0);box-shadow:0 2px #bfc3c9}}@keyframes nav-puzzle-button-press{0%{transform:translateY(0);box-shadow:0 2px #7eb8e0}15%,55%{background:#d6ecfb;border-color:#0366b4;transform:translateY(2px);box-shadow:0 0 #0366b4}to{transform:translateY(0);box-shadow:0 2px #7eb8e0}}.moves-navigation{-webkit-user-select:none;user-select:none;justify-content:center;gap:.5rem;width:100%;padding-top:1rem;padding-bottom:1rem;display:flex}.moves-navigation button{cursor:pointer;color:#98a2b3;background:#f4f7fa;border:1px solid #e2e8f0;border-radius:11px;justify-content:center;align-items:center;width:100%;max-width:60px;height:40px;padding:0;transition:background .15s,border-color .15s,box-shadow .15s,color .15s;display:flex;box-shadow:0 2px #bfc3c9}.moves-navigation button:hover:not(:disabled):not(.is-pressed){color:#0366b4;background:#e8f4fc;border:1px solid #0366b4;box-shadow:0 2px #0366b4}.moves-navigation button:disabled:not(.is-pressed){opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:0 2px #bfc3c9}.moves-navigation button:active:not(:disabled){color:#0366b4;background:#e8f4fc;border:1px solid #0366b4;transform:translateY(2px);box-shadow:0 0 #bfc3c9}.moves-navigation button.is-pressed{opacity:1;pointer-events:none;animation:.28s nav-button-press}.moves-navigation button.puzzle-nav-button{background:#e8f4fc;border-color:#b7d9f3;box-shadow:0 2px #7eb8e0}.moves-navigation button.puzzle-nav-button:hover:not(:disabled):not(.is-pressed){background:#d6ecfb;border-color:#0366b4;box-shadow:0 2px #0366b4}.moves-navigation button.puzzle-nav-button:disabled:not(.is-pressed){box-shadow:0 2px #b7d9f3}.moves-navigation button.puzzle-nav-button:active:not(:disabled){background:#d6ecfb;border-color:#0366b4;box-shadow:0 0 #0366b4}.moves-navigation button.puzzle-nav-button.is-pressed{animation:.28s nav-puzzle-button-press}.popup-overlay{z-index:10;opacity:0;pointer-events:none;background:#000000ba;justify-content:center;align-items:center;width:100%;height:100%;transition:all .2s;display:flex;position:fixed;top:0;left:0}.popup-overlay.active{opacity:1;pointer-events:initial;transition:all .2s}.popup-overlay .popup-box{background:#fff;border-radius:10px;width:90%;max-width:900px;padding:20px;transition:all .3s;position:relative;top:50px}.popup-overlay .popup-box.active{transition:all .3s;top:0}.popup-overlay .popup-box .popup-header{justify-content:space-between;align-items:center;width:100%;display:flex}.popup-overlay .popup-box .popup-header .popup-title{align-items:center;font-size:24px;font-weight:400;display:flex}.popup-overlay .popup-box .popup-header .popup-title img{width:30px;height:auto;margin-right:15px}.popup-overlay .popup-box .popup-header .close-icon{cursor:pointer;background:#e7edff;border:1px solid #000;border-radius:50%;width:30px;height:auto;padding:5px;position:absolute;top:-10px;right:-10px}.setting-popup .popup-box{max-width:400px}.setting-popup .setting-box{width:100%;margin-top:30px}.setting-popup .setting-box .setting-box-item{justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;display:flex}.setting-popup .setting-box .setting-box-item label{color:#000;font-size:16px;font-weight:400}.sub-variations{margin-top:5px;margin-left:20px}.sub-variations .sub-variation-line{border-left:2px solid #ddd;border-radius:4px;margin-bottom:2px;padding:2px 0;display:flex}.sub-variations .sub-variation-line .sub-variation-indicator{color:#999;background:#fff;justify-content:center;align-items:center;margin-right:5px;padding:0 3px;font-size:10px;font-weight:700;display:flex}.sub-variations .sub-variation-line .move-button.sub-variation{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:3px;margin-left:5px;padding:2px 6px;font-size:12px}.sub-variations .sub-variation-line .move-button.sub-variation:hover{background-color:#e9ecef}.sub-variations .sub-variation-line .move-button.sub-variation.current{color:#fff;background-color:#afd0f3;border-color:#007bff}.chess-move-tree .move-variations .variation-line .move-button.black-move{color:#2c3e50}.chess-move-tree .move-variations .variation-line .move-button.white-move{color:#34495e}.chess-move-tree .move-variations .variation-line .move-button.current{color:#fff}.chess-move-tree .sub-variations .sub-variation-line .sub-variation-spans-container{flex-wrap:wrap;display:flex}.chess-move-tree .sub-variations .sub-variation-line .sub-variation-spans-container .sub-variation-span{width:100%}.chess-move-tree .sub-variations .sub-variation-line .move-button.sub-variation.black-move{color:#7b1fa2;background:0 0;border-color:#7b1fa2}.chess-move-tree .sub-variations .sub-variation-line .move-button.sub-variation.black-move:hover{background:#e1bee7;border-color:#6a1b9a}.chess-move-tree .sub-variations .sub-variation-line .move-button.sub-variation.white-move{color:#00695c;background:0 0;border-color:#00695c}.chess-move-tree .sub-variations .sub-variation-line .move-button.sub-variation.white-move:hover{background:#b2dfdb;border-color:#004d40}.chess-move-tree .sub-variations .sub-variation-line .move-button.sub-variation.current.black-move{background:#e1bee7}.chess-move-tree .sub-variations .sub-variation-line .move-button.sub-variation.current.white-move{background:#b2dfdb}.no-siblings{display:none!important}.hide-move-box{display:none}.middle-icon-container{margin-top:35px}.middle-icon-container .middle-icon-box{cursor:pointer;background-color:#f7f7f7;border:1px solid #d3d3d3;border-radius:5px;width:auto;margin-top:10px;padding:10px;transition:all .2s}.middle-icon-container .middle-icon-box.active{color:#fff;background:#34a2f6;border-color:#34a2f6}.middle-icon-container .middle-icon-box.active .middle-icon{filter:brightness(0)invert()}.middle-icon-container .middle-icon-box.chesstimerbox{padding:0}.middle-icon-container .middle-icon-box.chesstimerbox .clockIconBox{padding:10px}.middle-icon-container .middle-icon-box.chesstimerbox .clockIconBox.active{color:#fff;background:#34a2f6;border-color:#34a2f6}.middle-icon-container .middle-icon-box.chesstimerbox .clockIconBox.active .middle-icon{filter:brightness(0)invert()}.middle-icon-container .middle-icon-box .middle-icon{width:16px;height:auto;display:block}.color-select-container{max-height:0;transition:max-height 1s;overflow:hidden}.color-select-container.expanded{max-height:200px}.color-select-container .color-select-box{cursor:pointer;border-radius:0%;width:100%;height:40px;margin:0;transition:all .15s ease-in}.result-box{background-color:#fbf8f8;padding:5px 0}.variation-moves-bottom-box{background:#f8f9fa;flex-wrap:wrap;width:100%;animation:.5s forwards boxUp;display:flex;position:sticky;bottom:0;left:0;transform:scaleX(1.03)translateY(100%);box-shadow:0 -2px 10px #0366b433}@keyframes boxUp{0%{transform:scaleX(1.03)translateY(100%)}to{transform:scaleX(1.03)translateY(0)}}.variation-moves-bottom-box .variation-moves-span{color:#0366b4;text-align:center;opacity:.7;background:#e3f2fd;border:1px solid #f8f9fa;width:50%;padding:15px 10px;font-size:12px;font-weight:500}.variation-moves-bottom-box .variation-moves-span.active{opacity:1;background:#cbe8fd}.variation-moves-bottom-box .variation-moves-span.black-move{color:#7b1fa2;background:#f3e5f5}.variation-moves-bottom-box .variation-moves-span.black-move:hover{background:#e1bee7}.variation-moves-bottom-box .variation-moves-span.white-move{color:#00695c;background:#e0f2f1}.variation-moves-bottom-box .variation-moves-span.white-move:hover{background:#b2dfdb}.variation-moves-bottom-box .variation-moves-span.current.black-move{color:#fff;background:#7b1fa2;font-weight:700}.variation-moves-bottom-box .variation-moves-span.current.white-move{color:#fff;background:#00695c;font-weight:700}.popup-header.tab-header .popup-title-tab-container{width:100%;display:flex}.popup-header.tab-header .popup-title-tab-container .popup-title-tab{cursor:pointer;text-align:center;border-bottom:1px solid #d3e2ff;justify-content:center;align-items:center;width:33%;padding-bottom:6px;font-weight:600;display:flex}.popup-header.tab-header .popup-title-tab-container .popup-title-tab.active{color:#0366b4;border-bottom:2px solid #0366b4}.popup-header.tab-header .popup-title-tab-container .popup-title-tab.active .setting-tab-icon path{stroke:#0366b4}.popup-header.tab-header .popup-title-tab-container .popup-title-tab .setting-tab-icon{width:17px;height:auto;margin-right:5px;display:block}.outer-box-container{width:100%;padding-bottom:10px;position:relative;overflow:hidden}.outer-box-container .settings-outer-box{width:100%;transition:all .2s;position:absolute;top:0;left:0}.outer-box-container .settings-outer-box.left{transition:all .2s;left:-100%}.outer-box-container .board-outer-box{width:100%;transition:all .2s;position:relative;top:0;left:0}.outer-box-container .board-outer-box.right{transition:all .2s;left:100%}.outer-box-container .board-outer-box.left{transition:all .2s;left:-100%}.outer-box-container .pieces-outer-box{width:100%;transition:all .2s;position:absolute;top:0;left:0}.outer-box-container .pieces-outer-box.right{transition:all .2s;left:100%}.outer-box-container .pieces-outer-box.left{transition:all .2s;left:-100%}.load-games-button-container{background:#f6f9ff;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin-bottom:15px;padding:10px;display:flex;box-shadow:0 0 2px #0003}.load-games-button-container .coaching-tab-button{color:#0366b4;cursor:pointer;align-items:center;gap:5px;font-size:1.1vw;font-weight:500;display:flex}.load-games-button-container .coaching-tab-button .load-games-icon{width:20px;height:auto;display:block}.load-games-button-container .puzzle-nav-tabs{justify-content:flex-start;align-items:center;gap:10px;width:75%;padding-bottom:10px;display:flex;overflow-x:auto}.load-games-button-container .puzzle-nav-tabs::-webkit-scrollbar-track{cursor:pointer;background-color:#fbf8f8;-webkit-box-shadow:inset 0 0 6px #0000001a}.load-games-button-container .puzzle-nav-tabs::-webkit-scrollbar{background-color:#fbf8f8;height:5px}.load-games-button-container .puzzle-nav-tabs::-webkit-scrollbar-thumb{cursor:pointer;background-color:#4487ba}.load-games-button-container .puzzle-nav-tabs .puzzle-tab-button{color:#666;text-align:center;cursor:pointer;white-space:nowrap;background:#f8f9fa;border:1px solid #8080804d;border-radius:10px;align-items:center;gap:8px;min-width:max-content;padding:8px 16px;font-size:.9vw;font-weight:500;transition:all .2s;display:flex}.load-games-button-container .puzzle-nav-tabs .puzzle-tab-button span{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.load-games-button-container .puzzle-nav-tabs .puzzle-tab-button.active,.load-games-button-container .puzzle-nav-tabs .puzzle-tab-button:hover{color:#0366b4;background:#e3f2fd;border-color:#0366b4;transition:all .2s;box-shadow:0 2px 4px #0366b433}.load-games-button-container .puzzle-nav-tabs .puzzle-tab-button .close-puzzle-icon{cursor:pointer;opacity:.7;width:12px;height:auto;transition:all .2s;display:block}.load-games-button-container .puzzle-nav-tabs .puzzle-tab-button .close-puzzle-icon:hover{opacity:1;transform:scale(1.1)}@media (max-width:1200px){.load-games-button-container .puzzle-nav-tabs .puzzle-tab-button{gap:6px;padding:6px 12px;font-size:12px}.load-games-button-container .puzzle-nav-tabs .puzzle-tab-button .close-puzzle-icon{width:10px}}@media (max-width:768px){.load-games-button-container .puzzle-nav-tabs .puzzle-tab-button{gap:5px;padding:5px 10px;font-size:11px}.load-games-button-container .puzzle-nav-tabs .puzzle-tab-button .close-puzzle-icon{width:9px}}.navigation-timer-wrapper{justify-content:space-between;align-items:center;gap:16px;width:100%;padding:12px 0;display:flex;position:relative}.navigation-timer-wrapper .chessboard-nav-box,.navigation-timer-wrapper .moves-navigation{flex:1;min-width:0}.navigation-timer-wrapper .chess-timer-container{flex-shrink:0}