body{margin:0;font-family:Open Sans,serif}.app{width:100vw;height:100vh;background-color:#ccc;display:flex;flex-direction:column;gap:68px;justify-content:center;align-items:center;position:relative}.info{width:42px;position:absolute;top:50px;right:50px}.footer{color:#333}.footer a{color:#e30a17;font-weight:500}.board{display:grid;grid-template-columns:repeat(8,1fr);width:600px;height:600px;position:relative}.cell{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;cursor:pointer}.cell:nth-child(16n+1),.cell:nth-child(16n+3),.cell:nth-child(16n+5),.cell:nth-child(16n+7),.cell:nth-child(16n+10),.cell:nth-child(16n+12),.cell:nth-child(16n+14),.cell:nth-child(16n+16){background-color:#fff;color:#fff}.cell:nth-child(16n+2),.cell:nth-child(16n+4),.cell:nth-child(16n+6),.cell:nth-child(16n+8),.cell:nth-child(16n+9),.cell:nth-child(16n+11),.cell:nth-child(16n+13),.cell:nth-child(16n+15){background-color:#000;color:#000}.numbers{position:absolute;left:-30px}.number{width:max-content;height:75px;display:flex;align-items:center;font-size:22px;font-weight:500}.letters{position:absolute;bottom:-40px;display:flex}.letter{height:max-content;width:75px;display:center;justify-content:center;font-size:22px;font-weight:500}.board-side{width:75px;height:600px;position:absolute;background-image:url(/media/side.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center;right:-95px;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.board-side-item{width:75px;height:75px;display:flex;justify-content:center;align-items:center}.checker{width:60px;height:60px;border-radius:100%;display:flex;justify-content:center;align-items:center;font-size:22px;font-weight:600}.checker.in-board{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checker.light{background-color:#e30a17;color:#ddd}.checker.dark{background-color:#f5e3c8;color:#333}.checker.king{box-shadow:inset 0 0 15px #ffd700e6;border:2px solid gold;font-size:28px}.checker.selected{outline:4px solid #adff2f;outline-offset:2px;z-index:10}.move{width:20px;height:20px;opacity:.7;border-radius:100%;background-color:#adff2f;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;pointer-events:none}.alert-container{position:absolute;top:50px;left:50px;display:flex;flex-direction:column;gap:10px;z-index:10}.alert{background-color:#ffecb3;color:#e30a17;border:1px solid #e30a17;font-weight:600;padding:10px 20px;border-radius:5px;font-size:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:max-content;min-width:250px;gap:15px}.alert i{margin-right:10px}.alert.game-over{background-color:#d4edda;border-color:#28a745;color:#155724;transform:scale(1.1);transition:all .3s ease}.winner-display{color:#28a745;font-size:16px}.close-btn{background:none;border:none;font-size:18px;font-weight:700;color:#721c24;cursor:pointer;position:absolute;right:10px}.close-btn:hover{color:#000}.reset-btn{background-color:#333;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-weight:600;transition:background .3s}.reset-btn:hover{background-color:#e30a17}