.game-container{display:grid;grid-template-columns:1fr 300px;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem;box-sizing:border-box;overflow-x:hidden;width:100%}body.dark-mode .game-container{color:#e0e0e0}.game-info{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;background:white;padding:1rem 2rem;border-radius:10px;margin-bottom:1rem;transition:background 0.3s ease,color 0.3s ease}body.dark-mode .game-info{background:#2a2a3e;color:#e0e0e0}.player-info{display:flex;flex-direction:column;align-items:center;gap:0.5rem}.player-name{font-weight:600;font-size:1.1rem;color:#1a1a1a;transition:color 0.3s ease}body.dark-mode .player-name{color:#e0e0e0}.player-time{font-size:1.5rem;font-weight:bold;color:#667eea;transition:color 0.3s ease}body.dark-mode .player-time{color:#8b9aff}.player-time-container{position:relative;display:inline-flex;align-items:center;gap:0.25rem}.increment-display{font-size:0.85em;color:#4caf50;font-weight:500;transition:opacity 0.3s ease}body.dark-mode .increment-display{color:#66bb6a}@keyframes incrementPop{0%{opacity:0;transform:translateY(-10px) scale(0.8)}50%{opacity:1;transform:translateY(-20px) scale(1.2)}100%{opacity:0;transform:translateY(-30px) scale(1)}}.increment-badge{position:absolute;color:#4caf50;font-weight:bold;font-size:0.9em;animation:incrementPop 1s ease-out forwards;pointer-events:none;z-index:1000;text-shadow:0 2px 4px rgba(0,0,0,0.2)}body.dark-mode .increment-badge{color:#66bb6a;text-shadow:0 2px 4px rgba(0,0,0,0.5)}.game-status{font-size:1.2rem;font-weight:600;color:#333;transition:color 0.3s ease}body.dark-mode .game-status{color:#e0e0e0}.opening-badge{display:inline-block;padding:0.5rem 1rem;background:rgba(99,102,241,0.1);border:1px solid rgba(99,102,241,0.3);border-radius:20px;font-weight:600;font-size:0.95rem;color:#6366f1;margin-bottom:0.5rem;transition:all 0.3s ease;text-align:center}body.dark-mode .opening-badge{background:rgba(99,102,241,0.2);border-color:rgba(99,102,241,0.4);color:#818cf8}.opening-badge:hover{background:rgba(99,102,241,0.15);transform:translateY(-1px);box-shadow:0 2px 4px rgba(99,102,241,0.2)}.chess-board-container{position:relative;background:white;padding:2rem;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:background 0.3s ease,box-shadow 0.3s ease}body.dark-mode .chess-board-container{background:#2a2a3e;box-shadow:0 4px 6px rgba(0,0,0,0.5)}.chess-board{transform-origin:center;transition:transform 0.3s ease;width:100%;max-width:720px;height:auto;aspect-ratio:1;margin:0 auto}.board-with-coords{position:relative;width:100%;height:100%;padding-left:35px;padding-right:35px;padding-top:35px;padding-bottom:35px;box-sizing:border-box}.board-coords-bottom{display:none}.board-inner{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:0;aspect-ratio:1 / 1;width:100%;border:3px solid #333;flex:1;min-height:0;min-width:0;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}.coord-spacer{width:30px;height:30px;margin:0;padding:0;min-width:0;min-height:0}.coord-label{display:flex;align-items:center;justify-content:center;font-weight:600;font-size:0.9rem;user-select:none;margin:0;padding:0;min-width:0;min-height:0;line-height:1}.coord-label.coord-row{position:absolute;width:calc((100% - 70px) / 8);height:30px;display:flex;align-items:center;justify-content:center}.coord-label.coord-row[data-row="0"]{bottom:0;left:calc(35px + (100% - 70px) / 8 * 0)}.coord-label.coord-row[data-row="1"]{bottom:0;left:calc(35px + (100% - 70px) / 8 * 1)}.coord-label.coord-row[data-row="2"]{bottom:0;left:calc(35px + (100% - 70px) / 8 * 2)}.coord-label.coord-row[data-row="3"]{bottom:0;left:calc(35px + (100% - 70px) / 8 * 3)}.coord-label.coord-row[data-row="4"]{bottom:0;left:calc(35px + (100% - 70px) / 8 * 4)}.coord-label.coord-row[data-row="5"]{bottom:0;left:calc(35px + (100% - 70px) / 8 * 5)}.coord-label.coord-row[data-row="6"]{bottom:0;left:calc(35px + (100% - 70px) / 8 * 6)}.coord-label.coord-row[data-row="7"]{bottom:0;left:calc(35px + (100% - 70px) / 8 * 7)}.coord-label.coord-col{position:absolute;left:0;width:30px;height:calc((100% - 70px) / 8);display:flex;align-items:center;justify-content:center}.coord-label.coord-col[data-col="0"]{top:calc(35px + (100% - 70px) / 8 * 7)}.coord-label.coord-col[data-col="1"]{top:calc(35px + (100% - 70px) / 8 * 6)}.coord-label.coord-col[data-col="2"]{top:calc(35px + (100% - 70px) / 8 * 5)}.coord-label.coord-col[data-col="3"]{top:calc(35px + (100% - 70px) / 8 * 4)}.coord-label.coord-col[data-col="4"]{top:calc(35px + (100% - 70px) / 8 * 3)}.coord-label.coord-col[data-col="5"]{top:calc(35px + (100% - 70px) / 8 * 2)}.coord-label.coord-col[data-col="6"]{top:calc(35px + (100% - 70px) / 8 * 1)}.coord-label.coord-col[data-col="7"]{top:35px}.coord-label.coord-col-right{position:absolute;right:0;width:30px;height:calc((100% - 70px) / 8);display:flex;align-items:center;justify-content:center}.coord-label.coord-col-right[data-col="0"]{top:calc(35px + (100% - 70px) / 8 * 7)}.coord-label.coord-col-right[data-col="1"]{top:calc(35px + (100% - 70px) / 8 * 6)}.coord-label.coord-col-right[data-col="2"]{top:calc(35px + (100% - 70px) / 8 * 5)}.coord-label.coord-col-right[data-col="3"]{top:calc(35px + (100% - 70px) / 8 * 4)}.coord-label.coord-col-right[data-col="4"]{top:calc(35px + (100% - 70px) / 8 * 3)}.coord-label.coord-col-right[data-col="5"]{top:calc(35px + (100% - 70px) / 8 * 2)}.coord-label.coord-col-right[data-col="6"]{top:calc(35px + (100% - 70px) / 8 * 1)}.coord-label.coord-col-right[data-col="7"]{top:35px}.coord-label.coord-row-top{position:absolute;width:calc((100% - 70px) / 8);height:30px;display:flex;align-items:center;justify-content:center}.coord-label.coord-row-top[data-row="0"]{top:0;left:calc(35px + (100% - 70px) / 8 * 0)}.coord-label.coord-row-top[data-row="1"]{top:0;left:calc(35px + (100% - 70px) / 8 * 1)}.coord-label.coord-row-top[data-row="2"]{top:0;left:calc(35px + (100% - 70px) / 8 * 2)}.coord-label.coord-row-top[data-row="3"]{top:0;left:calc(35px + (100% - 70px) / 8 * 3)}.coord-label.coord-row-top[data-row="4"]{top:0;left:calc(35px + (100% - 70px) / 8 * 4)}.coord-label.coord-row-top[data-row="5"]{top:0;left:calc(35px + (100% - 70px) / 8 * 5)}.coord-label.coord-row-top[data-row="6"]{top:0;left:calc(35px + (100% - 70px) / 8 * 6)}.coord-label.coord-row-top[data-row="7"]{top:0;left:calc(35px + (100% - 70px) / 8 * 7)}.square-light{background-color:#f0d9b5}.square-dark{background-color:#b58863}.square-light .piece.white,.square-dark .piece.white,.square-light .piece.black,.square-dark .piece.black{filter:none;box-shadow:none}.possible-move{background-color:rgba(76,175,80,0.3)!important;box-shadow:inset 0 0 6px rgba(76,175,80,0.5)!important;position:relative}body.dark-mode .possible-move{background-color:rgba(76,175,80,0.4)!important;box-shadow:inset 0 0 6px rgba(76,175,80,0.5)!important}.square.possible-move::after{content:'';width:24px;height:24px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10}.square.possible-move.light::after{background-color:rgba(100,181,246,0.9);border:2px solid rgba(66,133,244,1);box-shadow:0 2px 6px rgba(100,181,246,0.4)}.square.possible-move.dark::after{background-color:rgba(100,181,246,0.95);border:2px solid rgba(66,133,244,1);box-shadow:0 2px 6px rgba(100,181,246,0.5),inset 0 1px 2px rgba(255,255,255,0.3)}body.dark-mode .square.possible-move.light::after{background-color:rgba(139,154,255,0.95);border:2px solid rgba(167,180,255,1);box-shadow:0 2px 8px rgba(139,154,255,0.6)}body.dark-mode .square.possible-move.dark::after{background-color:rgba(167,180,255,0.9);border:2px solid rgba(200,210,255,1);box-shadow:0 2px 8px rgba(167,180,255,0.7),inset 0 1px 2px rgba(255,255,255,0.2)}.large-pieces .piece{font-size:3rem!important}body.high-contrast .square-light{background-color:#ffffff}body.high-contrast .square-dark{background-color:#000000}body.high-contrast .piece{filter:contrast(1.5)}.coord-col{color:#333}.coord-row{color:#333}.coord-col-right{color:#333}.coord-row-top{color:#333}body.dark-mode .coord-col,body.dark-mode .coord-row,body.dark-mode .coord-col-right,body.dark-mode .coord-row-top{color:#ffffff;text-shadow:0 1px 2px rgba(0,0,0,0.8),0 0 4px rgba(0,0,0,0.5);font-weight:700}.game-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.game-end-actions{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-top:2rem;padding:2rem;background:white;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.game-end-actions .btn{min-width:250px}body.dark-mode .game-end-actions{background:#2d2d2d}.game-actions .btn{min-width:150px;padding:0.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;transition:all 0.3s ease}body.dark-mode .game-actions .btn-danger{background:#c0392b;color:white}body.dark-mode .game-actions .btn-danger:hover{background:#a93226}body.dark-mode .game-actions .btn-warning{background:#d68910;color:white}body.dark-mode .game-actions .btn-warning:hover{background:#b9770e}body.dark-mode .game-actions .btn-success{background:#27ae60;color:white}body.dark-mode .game-actions .btn-success:hover{background:#229954}.game-actions .btn-danger{background-color:#dc3545;color:white;border:none}.game-actions .btn-danger:hover{background-color:#c82333;transform:translateY(-2px);box-shadow:0 4px 8px rgba(220,53,69,0.3)}.game-actions .btn-warning{background-color:#ffc107;color:#212529;border:none}.game-actions .btn-warning:hover{background-color:#e0a800;transform:translateY(-2px);box-shadow:0 4px 8px rgba(255,193,7,0.3)}.game-actions .btn-secondary{background-color:#6c757d;color:white;border:none}.game-actions .btn-secondary:hover{background-color:#5a6268;transform:translateY(-2px);box-shadow:0 4px 8px rgba(108,117,125,0.3)}.square.in-check{background-color:rgba(220,53,69,0.6)!important;box-shadow:inset 0 0 15px rgba(220,53,69,0.8);animation:checkPulse 1s ease-in-out infinite}@keyframes checkPulse{0%,100%{opacity:1}50%{opacity:0.7}}.game-status.checkmate{font-size:2rem;font-weight:bold;color:#dc3545;text-shadow:2px 2px 4px rgba(0,0,0,0.3);animation:checkmatePulse 1.5s ease-in-out infinite}.game-status.check{font-size:1.5rem;font-weight:bold;color:#ffc107;text-shadow:1px 1px 2px rgba(0,0,0,0.3)}@keyframes checkmatePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}body.dark-mode .game-status.checkmate{color:#ff6b6b}body.dark-mode .game-status.check{color:#ffd93d}body.dark-mode .btn-secondary{background:#3a3a4e;color:#e0e0e0;border:1px solid rgba(255,255,255,0.2)}body.dark-mode .btn-secondary:hover{background:#4a4a5e;border-color:rgba(255,255,255,0.3)}.square{display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:background-color 0.2s;overflow:hidden;min-width:0;min-height:0;box-sizing:border-box;margin:0;padding:0;border:none;aspect-ratio:1;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.square.light{background-color:#f0d9b5}.square.dark{background-color:#b58863}.square.selected{background-color:rgba(246,246,105,0.4)!important;box-shadow:inset 0 0 10px rgba(246,246,105,0.6)!important}body.dark-mode .square.selected{background-color:rgba(139,154,255,0.3)!important;box-shadow:inset 0 0 10px rgba(139,154,255,0.5)!important}.square.hint-highlight{background:rgba(245,158,11,0.4)!important;box-shadow:inset 0 0 10px rgba(245,158,11,0.6);animation:pulse 1s ease-in-out infinite}body.dark-mode .square.hint-highlight{background:rgba(255,193,7,0.5)!important;box-shadow:inset 0 0 10px rgba(255,193,7,0.7)}.square.last-move{}.square.pre-move{background-color:rgba(255,235,59,0.4)!important;box-shadow:inset 0 0 8px rgba(255,235,59,0.6)}.piece{cursor:grab;user-select:none;transition:transform 0.2s ease,opacity 0.2s ease}.piece:active{cursor:grabbing}.piece.dragging{opacity:0.7;transform:scale(1.1);z-index:1000;pointer-events:none}.piece.invalid-move{animation:invalidMoveShake 0.3s ease-in-out}@keyframes invalidMoveShake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.square.drag-over{background-color:rgba(139,195,74,0.3)!important;box-shadow:inset 0 0 10px rgba(139,195,74,0.5)}body.dark-mode .square.drag-over{background-color:rgba(76,175,80,0.4)!important;box-shadow:inset 0 0 10px rgba(76,175,80,0.6)}body.dark-mode .square.pre-move{background-color:rgba(255,235,59,0.5)!important;box-shadow:inset 0 0 8px rgba(255,235,59,0.7)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.7}}.square.in-check{background-color:#ff6b6b!important}body.dark-mode .square.in-check{background-color:rgba(255,107,107,0.8)!important;box-shadow:inset 0 0 15px rgba(255,107,107,0.9)}.square.red-marker{background-color:rgba(255,100,100,0.4)!important;box-shadow:inset 0 0 10px rgba(255,0,0,0.6)!important}body.dark-mode .square.red-marker{background-color:rgba(255,100,100,0.3)!important;box-shadow:inset 0 0 10px rgba(255,0,0,0.5)!important}.piece{width:95%;height:95%;max-width:75px;max-height:75px;background-size:contain;background-repeat:no-repeat;background-position:center;cursor:grab;transition:transform 0.2s ease;z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;pointer-events:auto;text-indent:-9999px;overflow:hidden;font-size:0;box-shadow:none;display:block;will-change:transform;backface-visibility:hidden;vertical-align:top}.piece.dragging{cursor:grabbing;transform:translate(-50%,-50%) scale(1.05);z-index:100;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.piece.white{filter:none}.piece.black{filter:none}.piece.white.pawn{background-image:url('/static/images/pieces/wP.svg');background-size:95% 95%}.piece.white.rook{background-image:url('/static/images/pieces/wR.svg');background-size:95% 95%}.piece.white.knight{background-image:url('/static/images/pieces/wN.svg');background-size:95% 95%}.piece.white.bishop{background-image:url('/static/images/pieces/wB.svg');background-size:95% 95%}.piece.white.queen{background-image:url('/static/images/pieces/wQ.svg');background-size:95% 95%}.piece.white.king{background-image:url('/static/images/pieces/wK.svg');background-size:95% 95%}.piece.black.pawn{background-image:url('/static/images/pieces/bP.svg');background-size:95% 95%}.piece.black.rook{background-image:url('/static/images/pieces/bR.svg');background-size:95% 95%}.piece.black.knight{background-image:url('/static/images/pieces/bN.svg');background-size:95% 95%}.piece.black.bishop{background-image:url('/static/images/pieces/bB.svg');background-size:95% 95%}.piece.black.queen{background-image:url('/static/images/pieces/bQ.svg');background-size:95% 95%}.piece.black.king{background-image:url('/static/images/pieces/bK.svg');background-size:95% 95%}.promotion-menu{position:absolute;display:none;flex-direction:column;background:white;border:3px solid #333;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.3);z-index:1000;gap:0;pointer-events:auto}.promotion-piece{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border:none;background:white;cursor:pointer;transition:background-color 0.2s;background-size:70% 70%;background-repeat:no-repeat;background-position:center;text-indent:-9999px;overflow:hidden;font-size:0;pointer-events:auto}.promotion-piece.white.pawn{background-image:url('/static/images/pieces/wP.svg')}.promotion-piece.white.rook{background-image:url('/static/images/pieces/wR.svg')}.promotion-piece.white.knight{background-image:url('/static/images/pieces/wN.svg')}.promotion-piece.white.bishop{background-image:url('/static/images/pieces/wB.svg')}.promotion-piece.white.queen{background-image:url('/static/images/pieces/wQ.svg')}.promotion-piece.black.pawn{background-image:url('/static/images/pieces/bP.svg')}.promotion-piece.black.rook{background-image:url('/static/images/pieces/bR.svg')}.promotion-piece.black.knight{background-image:url('/static/images/pieces/bN.svg')}.promotion-piece.black.bishop{background-image:url('/static/images/pieces/bB.svg')}.promotion-piece.black.queen{background-image:url('/static/images/pieces/bQ.svg')}.promotion-piece:hover{background:#f0f0f0}.promotion-piece:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.promotion-piece:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}body.dark-mode .promotion-menu{background:#2d2d2d;border-color:#555}body.dark-mode .promotion-piece{background:#2d2d2d}body.dark-mode .promotion-piece:hover{background:#3d3d3d}.promotion-option{width:60px;height:60px;cursor:pointer;border:2px solid transparent;border-radius:5px;transition:border-color 0.2s}.promotion-option:hover{border-color:#667eea}.game-sidebar{display:flex;flex-direction:column;gap:1.5rem;box-sizing:border-box;overflow-x:hidden;max-width:100%;min-width:0}body.dark-mode .game-sidebar{color:#e0e0e0}.move-history,.captured-pieces{background:white;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:background 0.3s ease,box-shadow 0.3s ease,color 0.3s ease;box-sizing:border-box;overflow-x:hidden;max-width:100%;min-width:0}body.dark-mode .move-history,body.dark-mode .captured-pieces{background:#2a2a3e;box-shadow:0 4px 6px rgba(0,0,0,0.5);color:#e0e0e0}.move-history h3,.captured-pieces h3{margin-bottom:1rem;color:#667eea;transition:color 0.3s ease}body.dark-mode .move-history h3,body.dark-mode .captured-pieces h3{color:#8b9aff}.move-list{max-height:300px;overflow-y:auto}body.dark-mode .move-list{color:#e0e0e0}.move-item{padding:0.5rem;border-bottom:1px solid #e0e0e0;cursor:pointer;transition:background-color 0.2s,color 0.2s;color:#1a1a1a}body.dark-mode .move-item{border-bottom-color:#444;color:#e0e0e0}.move-item:hover{background-color:#f8f9fa}body.dark-mode .move-item:hover{background-color:#3a3a4e}.material-advantage{font-size:0.9rem;font-weight:600;color:#667eea;transition:color 0.3s ease}body.dark-mode .material-advantage{color:#8b9aff}.captured-white,.captured-black{display:flex;flex-wrap:wrap;gap:5px;margin-top:0.5rem}.captured-piece{width:30px;height:30px;background-size:contain;background-repeat:no-repeat}@keyframes movePiece{from{transform:translate(0,0)}to{transform:translate(var(--dx),var(--dy))}}.piece.moving{animation:movePiece 0.3s ease-out}@media (max-width:1024px){.game-container{grid-template-columns:1fr;gap:1.5rem}.chess-board{margin:0 auto}.game-sidebar{order:-1}}@media (max-width:768px){.game-container{padding:1rem}.game-info{flex-direction:column;gap:1rem;text-align:center}.player-info{width:100%}.chess-board{max-width:100%;padding:0.5rem}.game-actions{flex-direction:column}.game-actions .btn{width:100%;min-width:unset}.game-end-actions .btn{min-width:unset;width:100%}.move-history,.captured-pieces{padding:1rem}.move-list{max-height:200px}}@media (max-width:480px){.game-container{padding:0.5rem}.chess-board-container{padding:1rem}.player-time{font-size:1.2rem}.game-status{font-size:1rem}.promotion-menu{flex-direction:row}.promotion-piece{width:60px;height:60px}}.coach-notification{position:fixed;top:20px;right:20px;max-width:400px;background:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.15);padding:1.25rem;z-index:10000;animation:slideInRight 0.3s ease-out;border-left:4px solid #667eea;transition:transform 0.3s ease,opacity 0.3s ease}body.dark-mode .coach-notification{background:#2a2a3e;color:#e0e0e0;border-left-color:#8b9aff}.coach-notification.severity-blunder{border-left-color:#ef4444}.coach-notification.severity-mistake{border-left-color:#f59e0b}.coach-notification.severity-inaccuracy{border-left-color:#3b82f6}.coach-notification.hiding{animation:slideOutRight 0.3s ease-in;opacity:0;transform:translateX(100%)}.coach-notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem}.coach-notification-title{font-weight:600;font-size:1.1rem;color:#1a1a1a;display:flex;align-items:center;gap:0.5rem}body.dark-mode .coach-notification-title{color:#e0e0e0}.coach-notification-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background 0.2s ease,color 0.2s ease}.coach-notification-close:hover{background:rgba(0,0,0,0.1);color:#333}body.dark-mode .coach-notification-close{color:#aaa}body.dark-mode .coach-notification-close:hover{background:rgba(255,255,255,0.1);color:#fff}.coach-notification-message{color:#555;font-size:0.95rem;line-height:1.5;white-space:pre-line}body.dark-mode .coach-notification-message{color:#ccc}.coach-notification-footer{margin-top:0.75rem;padding-top:0.75rem;border-top:1px solid rgba(0,0,0,0.1);font-size:0.85rem;color:#777;display:flex;justify-content:space-between;align-items:center}body.dark-mode .coach-notification-footer{border-top-color:rgba(255,255,255,0.1);color:#aaa}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}body.move-method-click-only .piece{cursor:pointer!important;user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}body.move-method-click-only .piece[draggable="true"]{pointer-events:auto}body.move-method-drag-only .square{pointer-events:none}body.move-method-drag-only .square .piece{pointer-events:auto;cursor:grab}body.move-method-drag-only .square .piece:active{cursor:grabbing}body.move-method-both .square{pointer-events:auto}body.move-method-both .piece{cursor:grab}body.move-method-both .piece:active{cursor:grabbing}@media (max-width:768px){.coach-notification{top:10px;right:10px;left:10px;max-width:none}}