body{font-family:Arial,sans-serif;padding:20px;background-color:#f5f5f5}*,*:before,*:after{box-sizing:border-box}.demo-container{max-width:800px;margin:0 auto;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.board-container{margin:20px 0;border:2px solid #ddd;border-radius:4px;padding:10px}.board-small{width:300px}.board-medium{width:400px}.board-large{width:auto}.code-example{background-color:#f8f8f8;border:1px solid #ddd;border-radius:4px;padding:15px;margin:15px 0;font-family:Courier New,monospace;font-size:14px;overflow-x:auto}.code-example code{background:none;padding:0;border-radius:0}.pieces-container{display:flex;gap:20px;margin:20px 0;flex-wrap:wrap}.pieces-section{text-align:center}.pieces-grid{display:flex;gap:10px;flex-wrap:wrap}.piece-square{width:60px;height:60px;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;position:relative}.piece-square>p{position:absolute;bottom:-17px;right:2px;font-size:7px;color:#00f}.gray-board{--cb-chess-light-square: #e0e0e0;--cb-chess-dark-square: #a0a0a0;--cb-chess-border-color: #666;--cb-chess-label-color: #555}.wood-board{--cb-chess-light-square: rgba(244, 215, 168, .75);--cb-chess-dark-square: rgba(139, 90, 43, .6);--cb-chess-border-color: #5a3a1a;--cb-chess-label-color: #4a2f14;--cb-chess-board-background: url(/chess-board/assets/wood-BR8wxfcD.jpg);--cb-chess-board-background-rotation: 60deg;--cb-chess-piece-shadow: 0 0 3px white}.wood-board chess-board::part(board){background:var(--cb-chess-board-background);background-size:150% 150%;background-position:center;background-repeat:no-repeat}.click-info{margin:20px 0;padding:15px;background-color:#f0f8ff;border:1px solid #add8e6;border-radius:4px}.click-info h3{margin:0 0 10px;color:#2e5c8a;font-size:16px}#click-output{font-family:Courier New,monospace;font-size:14px;color:#333;background-color:#fff;padding:8px 12px;border:1px solid #ddd;border-radius:3px;min-height:20px}