.chess-board-container{display:flex;justify-content:center;margin:15px 0 30px}.chess-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:320px;height:320px;border:4px solid #8b4513;border-radius:8px;box-shadow:0 4px 15px #0000004d;margin:0 auto;background:#f5deb3}.chess-coordinates{position:relative}.chess-board-with-labels{position:relative;display:inline-block}.chess-rank-labels,.chess-file-labels{position:absolute;display:flex;font-size:12px;font-weight:700;color:#8b4513;user-select:none}.chess-rank-labels{left:-20px;top:0;flex-direction:column;height:100%;justify-content:space-around;align-items:center}.chess-file-labels{bottom:-20px;left:0;width:100%;justify-content:space-around;align-items:center}.chess-cell{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;font-size:32px;user-select:none}.chess-cell.white{background:#f5deb3}.chess-cell.black{background:#d2b48c}.chess-cell:hover{filter:brightness(1.1);box-shadow:inset 0 0 0 2px #667eea80}.chess-cell.not-player-turn{cursor:default}.chess-cell.not-player-turn:hover{filter:none;box-shadow:none}.chess-cell.selected{box-shadow:inset 0 0 0 3px #667eea;background:#667eea33!important}.chess-cell.valid-move{position:relative}.chess-cell.valid-move::after{content:'';position:absolute;width:12px;height:12px;background:#28a745cc;border-radius:50%;animation:moveHintPulse 2s ease-in-out infinite}.chess-cell.valid-move.capture::after{width:100%;height:100%;background:#dc35454d;border:2px solid #dc3545cc;border-radius:0}@keyframes moveHintPulse{0%{opacity:.6;transform:scale(0.8)}50%{opacity:1;transform:scale(1.2)}100%{opacity:.6;transform:scale(0.8)}}.chess-cell.dangerous-move::after{content:'';position:absolute;width:100%;height:100%;background:#ff980033;border:2px solid #ff9800cc;border-radius:0;animation:dangerPulse 2s ease-in-out infinite}@keyframes dangerPulse{0%{opacity:.5;transform:scale(0.95)}50%{opacity:.8;transform:scale(1.0)}100%{opacity:.5;transform:scale(0.95)}}.chess-cell.last-move{background:#ffc10766!important;animation:lastMoveGlow 2s ease-out}@keyframes lastMoveGlow{0%{background:#ffc107cc!important}100%{background:#ffc10766!important}}.chess-cell.in-check{background:#dc354599!important;animation:checkPulse 1s ease-in-out infinite}@keyframes checkPulse{0%{background:#dc354599!important}50%{background:#dc3545cc!important}100%{background:#dc354599!important}}.chess-piece{font-size:32px;transition:all .3s ease;cursor:pointer;text-shadow:1px 1px 2px #0000004d;user-select:none}.chess-piece.white{color:#fff;text-shadow:1px 1px 0 #000000,-1px -1px 0 #000000,1px -1px 0 #000000,-1px 1px 0 #000000,2px 2px 4px #000c}.chess-piece.black{color:#2c3e50;text-shadow:1px 1px 2px #ffffff4d}.chess-piece:hover{transform:scale(1.1);filter:brightness(1.2)}.chess-piece.dragging{opacity:.7;transform:scale(1.2);z-index:1000;pointer-events:none}.promotion-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:3px solid #667eea;border-radius:12px;padding:20px;box-shadow:0 8px 25px #0000004d;z-index:1001}.promotion-pieces{display:flex;gap:15px;justify-content:center;margin-top:10px}.promotion-piece{font-size:36px;padding:10px 15px;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#f8f9fa}.promotion-piece:hover{background:#667eea;color:#fff;transform:scale(1.1)}.cpu-thinking{padding:10px;margin:10px 0;background:#6c757d1a;border-radius:8px;border:1px dashed #6c757d;text-align:center}.thinking-spinner{display:inline-block;width:16px;height:16px;border:2px solid #6c757d;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.captured-pieces{min-height:40px;padding:8px;background:#f8f9fa80;border-radius:6px;margin:8px 0;align-items:center}.captured-piece{font-size:20px;opacity:.7;text-shadow:1px 1px 2px #0000004d}.chess-stats{color:#667eea}.stat-number.chess-stats{color:#667eea}.chess-board.win-effect{animation:chessWinPulse 1.5s infinite}@keyframes chessWinPulse{0%{transform:scale(1);box-shadow:0 4px 15px #0000004d}50%{transform:scale(1.02);box-shadow:0 6px 25px #28a74599 0 0 40px #28a74566}100%{transform:scale(1);box-shadow:0 4px 15px #0000004d}}.chess-board.game-over{opacity:.9;filter:brightness(0.95)}.chess-board.game-over .chess-cell{cursor:default}.chess-board.game-over .chess-cell:hover{filter:none;box-shadow:none}@keyframes checkStatusPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@media (max-width: 768px){.chess-board{width:320px;height:320px;border-width:3px}.chess-piece{font-size:32px}.chess-rank-labels,.chess-file-labels{font-size:10px}.chess-rank-labels{left:-16px}.chess-file-labels{bottom:-16px}.captured-piece{font-size:18px}.promotion-piece{font-size:32px;padding:8px 12px}.cpu-thinking{padding:8px;margin:8px 0}}@media (max-width: 480px){.chess-board{width:320px;height:320px;border-width:2px}.chess-piece{font-size:32px}.chess-rank-labels,.chess-file-labels{font-size:9px}.chess-rank-labels{left:-14px}.chess-file-labels{bottom:-14px}.captured-piece{font-size:16px}.promotion-piece{font-size:32px;padding:6px 10px}.promotion-modal{padding:15px;border-width:2px}.cpu-thinking{padding:6px;margin:6px 0;font-size:.85rem}}