@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&display=swap";:root{--bg-color: #1a2f1c;--board-bg: #2d5a27;--board-line: #d4e8d2;--piece-red: #c62828;--piece-black: #212121;--wood-grain: #3d2b1f;--accent-color: #c0c0c0}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-color);font-family:"Noto Serif SC",serif;color:#fff;width:100%}#root{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;text-align:center;overflow-y:auto;overflow-x:hidden}.board-container{display:flex;justify-content:center;align-items:center;background:#3d2b1f;padding:8px;border-radius:12px;box-shadow:0 30px 60px #00000acc,inset 0 0 20px #ffa0001a;border:6px ridge #5d4037;max-width:95vw;max-height:85vh;overflow:auto}.chess-board{background-color:#2d5a27;position:relative;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 50px #0000004d;touch-action:none;display:inline-block;max-width:100%}@media(max-width:600px){.chess-board{grid-template-columns:repeat(9,36px);grid-template-rows:repeat(10,36px)}}.board-line{position:absolute;background-color:var(--board-line)}.piece{width:90%;height:90%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 8px #0006;background:#fff;border:2px solid #3d2b1f;transition:transform .1s;z-index:10}.piece.red{color:var(--piece-red);border-color:var(--piece-red)}.piece.black{color:var(--piece-black);border-color:var(--piece-black)}.piece:active{transform:scale(.9)}.selected{outline:3px solid #fbc02d;box-shadow:0 0 15px #fbc02d}.possible-move{width:10px;height:10px;background-color:#ffffff80;border-radius:50%;pointer-events:none}.river{grid-column:1 / span 9;grid-row:5 / span 1;display:flex;align-items:center;justify-content:center;font-size:1.2rem;letter-spacing:1rem;color:var(--board-line);border-top:1px solid var(--board-line);border-bottom:1px solid var(--board-line)}.game-info{margin-top:20px}.btn{background:#3d6a37;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:1rem;margin:5px;box-shadow:0 2px 4px #0000004d}.btn:hover{background:#4e8a4a}.game-over-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;pointer-events:none}.game-over-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;background:transparent;padding:1rem;text-shadow:0 2px 4px rgba(0,0,0,.8);pointer-events:auto}.game-over-title{font-size:3.5rem;font-weight:900;margin:0;text-transform:uppercase;letter-spacing:.3rem}.game-win .game-over-title{color:#ffca28;text-shadow:0 0 15px rgba(0,0,0,.8),0 0 30px rgba(255,202,40,.6);animation:win-pulse 2s infinite alternate}.game-lose .game-over-title{color:#ef5350;text-shadow:0 0 15px rgba(0,0,0,.8),0 0 30px rgba(239,83,80,.6);animation:lose-pulse 2s infinite alternate}.game-over-status{font-size:1.5rem;color:#fff;font-weight:700;margin-top:-.5rem;text-shadow:0 2px 4px rgba(0,0,0,.9)}.restart-btn{background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff;border:none;padding:.8rem 2.5rem;font-size:1.3rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 20px #0000004d;margin-top:1rem}.restart-btn:hover{transform:scale(1.1) translateY(-5px);box-shadow:0 15px 30px #0006;background:linear-gradient(135deg,#81c784,#4caf50)}.restart-btn:active{transform:scale(.95)}@keyframes win-pulse{0%{transform:scale(1);filter:brightness(100%)}to{transform:scale(1.05);filter:brightness(120%)}}@keyframes lose-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(.98);opacity:1}}@media(max-width:600px){.game-over-title{font-size:2.5rem;letter-spacing:.1rem}}.difficulty-selection{display:flex;gap:12px;margin-bottom:24px;z-index:50;position:relative}.difficulty-btn{background:#ffffff14;color:#bbb;border:1px solid rgba(255,255,255,.15);padding:10px 24px;border-radius:30px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.difficulty-btn:hover:not(:disabled):not(.active){background:#ffffff2e;color:#fff;border-color:#fff6;transform:translateY(-2px)}.difficulty-btn.active{background:linear-gradient(135deg,#ffca28,#ffa000);color:#1a2f1c;border-color:#ffeb3b;box-shadow:0 4px 20px #ffca2880;transform:translateY(-1px)}.difficulty-btn.active:hover{filter:brightness(1.1);box-shadow:0 6px 25px #ffca28b3}.difficulty-btn:disabled{opacity:.4;cursor:not-allowed}.App{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:12px;padding:8px;box-sizing:border-box}.board-container{display:flex;justify-content:center;align-items:center;flex-shrink:1;min-height:0}@media(max-width:600px){.App{padding:4px;gap:8px}}