.checkers-game{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:20px;--board-dark:#1a1a2e;--board-light:#0f1525;--piece-red:#dc2626;--piece-red-king:#f87171;--piece-blue:#0891b2;--piece-blue-king:#22d3ee;--cell-size:56px}.checkers-game .game-header{text-align:center;margin-bottom:14px}.checkers-game .game-header h1{font-size:24px;color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue),0 0 30px var(--neon-blue);letter-spacing:4px;margin-bottom:6px}.checkers-game .game-header .subtitle{font-size:9px;color:#888;letter-spacing:2px}.checkers-game .info-bar{display:flex;gap:20px;margin-bottom:12px;padding:8px 16px;background:var(--color-panel);border:1px solid var(--color-border);border-radius:4px;align-items:center}.checkers-game .stat{text-align:center}.checkers-game .stat-label{font-size:7px;color:#666;margin-bottom:3px}.checkers-game .stat-value{font-size:12px;color:var(--neon-blue);text-shadow:0 0 6px var(--neon-blue)}.checkers-game .stat-value.red{color:var(--piece-red);text-shadow:0 0 6px var(--piece-red)}.checkers-game .stat-value.blue{color:var(--piece-blue);text-shadow:0 0 6px var(--piece-blue)}.checkers-game .settings-row{display:flex;gap:16px;margin-bottom:12px;align-items:center;flex-wrap:wrap;justify-content:center}.checkers-game .setting-group{display:flex;gap:6px;align-items:center}.checkers-game .setting-label{font-size:7px;color:#666;margin-right:2px}.checkers-game .setting-btn{font-family:'press start 2p',monospace;font-size:7px;padding:5px 8px;background:var(--color-panel);color:#666;border:1px solid var(--color-border);cursor:pointer;transition:border-color .2s,color .2s}.checkers-game .setting-btn.active{color:var(--neon-green);border-color:var(--neon-green)}.checkers-game .turn-indicator{font-size:9px;margin-bottom:10px;min-height:18px;text-align:center}.checkers-game .turn-indicator.thinking{color:var(--neon-yellow);animation:checkers-blink .8s infinite}@keyframes checkers-blink{50%{opacity:.4}}.checkers-game .board-frame{border:3px solid var(--color-border);border-radius:4px;padding:2px;background:var(--color-border);margin-bottom:12px}.checkers-game .board{display:grid;grid-template-columns:repeat(8,var(--cell-size));grid-template-rows:repeat(8,var(--cell-size))}.checkers-game .cell{width:var(--cell-size);height:var(--cell-size);display:flex;align-items:center;justify-content:center;position:relative;cursor:default}.checkers-game .cell.dark{background:var(--board-dark)}.checkers-game .cell.light{background:var(--board-light)}.checkers-game .cell.valid-move{cursor:pointer}.checkers-game .cell.valid-move::after{content:'';width:16px;height:16px;border-radius:50%;background:rgba(0,255,0,.35);box-shadow:0 0 8px rgba(0,255,0,.3)}.checkers-game .cell.valid-capture{cursor:pointer}.checkers-game .cell.valid-capture::after{content:'';position:absolute;width:44px;height:44px;border-radius:50%;border:3px solid rgba(255,0,0,.6);box-shadow:0 0 10px rgba(255,0,0,.3)}.checkers-game .cell.last-move{box-shadow:inset 0 0 12px rgba(255,255,0,.2)}.checkers-game .piece{width:40px;height:40px;border-radius:50%;border:3px solid rgba(255,255,255,.15);cursor:pointer;transition:transform .1s,box-shadow .2s;position:relative;z-index:2}.checkers-game .piece:hover:not(.ai-piece){transform:scale(1.08)}.checkers-game .piece.selected{transform:scale(1.1);box-shadow:0 0 16px var(--neon-yellow),0 0 30px var(--neon-yellow);border-color:var(--neon-yellow)}.checkers-game .piece.red{background:radial-gradient( circle at 35% 35%,#f87171,var(--piece-red) );box-shadow:0 3px 6px rgba(0,0,0,.4)}.checkers-game .piece.blue{background:radial-gradient( circle at 35% 35%,#22d3ee,var(--piece-blue) );box-shadow:0 3px 6px rgba(0,0,0,.4)}.checkers-game .piece.king::after{content:'\265A';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;color:rgba(255,255,255,.8);text-shadow:0 1px 3px rgba(0,0,0,.6);font-family:serif}.checkers-game .message{font-size:10px;min-height:18px;margin-bottom:12px;text-align:center;color:var(--neon-yellow);text-shadow:0 0 6px var(--neon-yellow)}.checkers-game .controls{display:flex;gap:10px;margin-bottom:12px}.checkers-game .btn{font-family:'press start 2p',monospace;font-size:9px;padding:9px 14px;background:var(--color-panel);color:var(--color-text);border:2px solid var(--color-border);cursor:pointer;transition:border-color .2s,color .2s}.checkers-game .btn:hover{border-color:var(--neon-blue);color:var(--neon-blue)}.checkers-game .instructions{font-size:7px;color:#555;text-align:center;max-width:460px;line-height:1.8}.checkers-game .overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,10,10,.9);z-index:100;flex-direction:column;align-items:center;justify-content:center}.checkers-game .overlay.active{display:flex}.checkers-game .overlay-title{font-size:20px;margin-bottom:10px;text-shadow:0 0 15px currentColor}.checkers-game .overlay-title.win{color:var(--neon-green)}.checkers-game .overlay-title.lose{color:var(--neon-pink)}.checkers-game .overlay-title.draw{color:var(--neon-yellow)}.checkers-game .overlay-sub{font-size:9px;color:#aaa;margin-bottom:16px}.checkers-game .overlay-stats{font-size:8px;color:#777;margin-bottom:20px;line-height:2;text-align:center}