:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;--accent: #8b5cf6;--accent-hover: #a78bfa;--accent-glow: rgba(139, 92, 246, .25);--board-light: #f0d9b5;--board-dark: #b58863;--board-dark-hover: #c49b6f;--piece-white: #f5f5f5;--piece-white-ring: #d4d4d4;--piece-black: #2a2a2a;--piece-black-ring: #555;--selected-glow: rgba(139, 92, 246, .7);--valid-move: rgba(34, 197, 94, .5);--last-move-glow: rgba(250, 204, 21, .35);--green: #22c55e;--border: rgba(255, 255, 255, .1);--text-muted: rgba(255, 255, 255, .5);--surface: rgba(255, 255, 255, .05)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa}.screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.btn{padding:.7rem 1.5rem;border-radius:.6rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 20px var(--accent-glow)}.btn-large{padding:.9rem 2.5rem;font-size:1.05rem;border-radius:.75rem}.checkers-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.game-title{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#fafafa,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scoreboard{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:calc(8 * var(--square-size, 64px) + 2rem);padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:.75rem}.score-section{display:flex;align-items:center;gap:.6rem}.score-piece-indicator{width:1.75rem;height:1.75rem;border-radius:50%;border:2px solid}.piece-white-indicator{background:radial-gradient(circle at 35% 35%,#fff,#ccc);border-color:var(--piece-white-ring);box-shadow:0 1px 4px #0006}.piece-black-indicator{background:radial-gradient(circle at 35% 35%,#555,#1a1a1a);border-color:var(--piece-black-ring);box-shadow:0 1px 4px #0006}.score-info{display:flex;flex-direction:column;align-items:center;line-height:1.2}.score-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.score-count{font-size:1.5rem;font-weight:800}.turn-indicator{display:flex;align-items:center;justify-content:center;min-width:4rem}.turn-dot{width:1rem;height:1rem;border-radius:50%;animation:pulse 1.2s ease-in-out infinite}.turn-dot-white{background:var(--piece-white);box-shadow:0 0 12px #ffffff80}.turn-dot-black{background:#888;box-shadow:0 0 12px #88888880}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.winner-text{font-size:1.1rem;font-weight:800;color:#facc15;text-shadow:0 0 12px rgba(250,204,21,.4)}.board-wrapper{display:flex;gap:.4rem}.board-row-labels{display:flex;flex-direction:column;justify-content:space-around;padding-right:.25rem}.row-label{font-size:.7rem;color:var(--text-muted);text-align:center;height:var(--square-size, 64px);display:flex;align-items:center;justify-content:center}.board-and-col-labels{display:flex;flex-direction:column}.col-labels{display:flex;justify-content:space-around;padding-top:.25rem}.col-label{font-size:.7rem;color:var(--text-muted);text-align:center;width:var(--square-size, 64px)}.game-board{display:grid;grid-template-columns:repeat(8,var(--square-size, 64px));grid-template-rows:repeat(8,var(--square-size, 64px));border-radius:.5rem;overflow:hidden;box-shadow:0 8px 32px #00000080,0 0 0 3px #3a2a1a}.board-square{width:var(--square-size, 64px);height:var(--square-size, 64px);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:background-color .15s}.square-light{background:var(--board-light)}.square-dark{background:var(--board-dark)}.square-dark:hover{background:var(--board-dark-hover)}.square-selected{background:#8b5cf673!important;box-shadow:inset 0 0 0 3px var(--selected-glow)}.square-valid-move{position:relative}.square-last-move{background:#facc1533!important}.move-dot{width:28%;height:28%;border-radius:50%;background:var(--valid-move);box-shadow:0 0 8px #22c55e66;pointer-events:none;z-index:2}.jump-indicator{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;border:3px solid var(--valid-move);pointer-events:none;z-index:2;animation:jump-ring 1s ease-in-out infinite}@keyframes jump-ring{0%,to{opacity:1}50%{opacity:.5}}.checker-piece{width:78%;height:78%;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none;transition:transform .15s ease}.piece-white{background:radial-gradient(circle at 35% 35%,#fff,#d4d4d4);border:3px solid var(--piece-white-ring);box-shadow:0 3px 8px #00000059,inset 0 1px 2px #fffc}.piece-black{background:radial-gradient(circle at 35% 35%,#555,#1a1a1a);border:3px solid var(--piece-black-ring);box-shadow:0 3px 8px #00000059,inset 0 1px 2px #ffffff1a}.piece-inner{width:60%;height:60%;border-radius:50%;display:flex;align-items:center;justify-content:center}.piece-white .piece-inner{border:2px solid rgba(0,0,0,.08)}.piece-black .piece-inner{border:2px solid rgba(255,255,255,.1)}.piece-king .piece-inner{border:2px solid #facc15}.king-crown{font-size:1.6rem;line-height:1;color:#facc15;text-shadow:0 1px 3px rgba(0,0,0,.5)}.game-message{font-size:1rem;font-weight:600;color:var(--text-muted);min-height:1.6rem;text-align:center}:root{--square-size: 64px}@media(max-width:640px){.screen{padding:.75rem}:root{--square-size: 42px}.game-title{font-size:1.75rem}.king-crown{font-size:1.1rem}.scoreboard{padding:.5rem .75rem}.score-count{font-size:1.2rem}.row-label,.col-label{font-size:.6rem}.move-dot{width:24%;height:24%}}@media(max-width:400px){:root{--square-size: 36px}.king-crown{font-size:.95rem}.checker-piece{border-width:2px}}