*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;font-family:Arial,sans-serif;display:flex}#root{justify-content:center;align-items:center;width:100%;display:flex}.game-container{text-align:center;background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 40px #0003}.game-title{color:#333;margin-bottom:20px;font-size:48px;font-weight:700}.game-status{color:#555;min-height:30px;margin-bottom:30px;font-size:24px;font-weight:500}.game-status.winner{color:#4caf50;font-weight:700}.game-board{grid-template-rows:repeat(3,120px);grid-template-columns:repeat(3,120px);gap:10px;width:fit-content;margin:0 auto 30px;display:grid}.cell{cursor:pointer;background:#f0f0f0;border:none;border-radius:10px;justify-content:center;align-items:center;width:120px;height:120px;padding:20px;transition:all .3s;display:flex}.cell:hover:not(:disabled){background:#e0e0e0;transform:scale(1.05)}.cell:disabled{cursor:not-allowed}.cell svg{width:100%;height:100%}.new-game-button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:10px;padding:15px 40px;font-size:18px;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #667eea66}.new-game-button:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.new-game-button:active{transform:translateY(0)}.game-menu{flex-direction:column;gap:20px;margin-top:30px;display:flex}.menu-button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:10px;padding:20px 40px;font-size:24px;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #667eea66}.menu-button:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.menu-button:active{transform:translateY(0)}.back-button{color:#fff;cursor:pointer;z-index:1000;background:#667eea;border:none;border-radius:10px;padding:10px 20px;font-size:16px;font-weight:700;transition:all .3s;position:fixed;top:20px;left:20px;box-shadow:0 4px 15px #667eea66}.back-button:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.back-button:active{transform:translateY(0)}.traffic-lights-board{grid-template-rows:repeat(3,120px);grid-template-columns:repeat(4,120px)}.cats-and-dogs-board{grid-template-rows:repeat(8,80px);grid-template-columns:repeat(8,80px)}.cats-and-dogs-board .cell{width:80px;height:80px}.color-selector{justify-content:center;gap:15px;margin-bottom:20px;display:flex}.color-button{cursor:pointer;border:3px solid #0000;border-radius:8px;padding:12px 30px;font-size:16px;font-weight:700;transition:all .3s}.color-button.green{color:#fff;background:#4caf50}.color-button.yellow{color:#333;background:#ffc107}.color-button.red{color:#fff;background:#f44336}.color-button.selected{border-color:#333;transform:scale(1.1);box-shadow:0 4px 15px #0000004d}.color-button:hover{transform:scale(1.05)}.color-button.selected:hover{transform:scale(1.1)}.game-buttons{justify-content:center;gap:15px;display:flex}.submit-turn-button{color:#fff;cursor:pointer;background:#764ba2;border:none;border-radius:10px;padding:15px 40px;font-size:18px;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #764ba266}.submit-turn-button:hover{background:#653a8d;transform:translateY(-2px);box-shadow:0 6px 20px #764ba299}.submit-turn-button:active{transform:translateY(0)}.config-subtitle{color:#555;margin-bottom:30px;font-size:24px;font-weight:500}.player-config{flex-direction:column;gap:30px;margin-bottom:30px;display:flex}.player-config-item{background:#f8f8f8;border-radius:10px;padding:20px}.player-config-item h3{color:#333;margin-bottom:15px;font-size:20px;font-weight:600}.player-type-selector{justify-content:center;gap:10px;display:flex}.player-type-button{color:#333;cursor:pointer;background:#e0e0e0;border:3px solid #0000;border-radius:8px;min-width:100px;padding:12px 30px;font-size:16px;font-weight:600;transition:all .3s}.player-type-button:hover{background:#d0d0d0;transform:scale(1.05)}.player-type-button.selected{color:#fff;background:#667eea;border-color:#5568d3;box-shadow:0 4px 15px #667eea66}.player-type-button.selected:hover{background:#5568d3;transform:scale(1.05)}.hex-board{max-width:600px;max-height:400px;margin:0 auto;display:block}.hex-board svg{width:100%;height:auto}.hex-cell{cursor:pointer;transition:opacity .2s}.hex-cell:hover{opacity:.8}.hex-game-container{max-width:800px}.checkers-board{border:4px solid #8b4513;grid-template-rows:repeat(8,80px);grid-template-columns:repeat(8,80px);gap:0;width:fit-content;margin:0 auto 30px;display:grid;box-shadow:0 8px 30px #0000004d}.checkers-square{cursor:pointer;border:none;justify-content:center;align-items:center;width:80px;height:80px;padding:10px;transition:all .2s;display:flex;position:relative}.checkers-square.light-square{background:#f0d9b5}.checkers-square.dark-square{background:#b58863}.checkers-square.dark-square:hover:not(:disabled){background:#a07855}.checkers-square.selected{box-shadow:inset 0 0 0 3px #4caf50;background:#7fc97f!important}.checkers-square.valid-move{position:relative;background:#ffd54f!important}.checkers-square.valid-move:after{content:"";opacity:.8;background:#4caf50;border-radius:50%;width:20px;height:20px;position:absolute}.checkers-square:disabled{cursor:not-allowed}.checkers-square svg{width:100%;height:100%}
/*# sourceMappingURL=repo.34b9277e.css.map */