@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}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.board-container{display:inline-block;background:#3d2b1f;padding:12px;border-radius:12px;box-shadow:0 30px 60px #00000acc,inset 0 0 20px #ffa0001a;border:6px ridge #5d4037}.chess-board{background-color:#2d5a27;position:relative;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 50px #0000004d}@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}.App{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px}@media (max-width: 600px){.App{padding:10px}}