body,html{box-sizing:border-box;height:100%;margin:0;padding:0}*,:after,:before{box-sizing:inherit}.character-selection{background:#fff;border-radius:10px;box-shadow:0 0 10px #0003;margin:40px auto;padding:20px;text-align:center;width:300px}.character-selection input{border:1px solid #ccc;border-radius:5px;margin:10px 0;padding:8px;width:100%}.character-selection .characters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.character-selection .characters .character{border:2px solid #0000;cursor:pointer;padding:10px;transition:.3s}.character-selection .characters .character img{border-radius:10px;height:80px;width:80px}.character-selection .characters .selected{border-color:green}.character-selection button{background:green;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 20px}@media(max-width:600px){.character-selection{bottom:-100px;margin:20px auto;position:relative;width:90%}.character-selection .characters{flex-direction:column;gap:15px}.character-selection .characters .character img{height:60px;width:60px}}.game-board-container{align-items:center;background:blue;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px;position:relative;width:100%}.game-board-container .scoreboard{align-items:center;display:flex;gap:40px;justify-content:center;margin-bottom:20px}.game-board-container .scoreboard .player-score{align-items:center;display:flex;gap:10px}.game-board-container .scoreboard .player-score img{height:50px;width:50px}.game-board-container .scoreboard .player-score .score-details h3{font-size:1.1rem;margin:0}.game-board-container .scoreboard .player-score .score-details p{font-size:1.2rem;font-weight:700;margin:0}.game-board-container .scoreboard span{font-size:1.5rem;font-weight:700}.game-board-container .turn-indicator{font-size:1.2rem;margin:10px 0;text-align:center;text-transform:uppercase}.game-board-container .turn-indicator span{display:block;font-size:1rem;font-weight:400;margin-top:5px}.game-board-container .board{height:300px;margin:20px auto;position:relative;width:300px}.game-board-container .board .line{background:#fff;position:absolute;z-index:1}.game-board-container .board .h1{height:3px;left:0;top:33%;width:100%}.game-board-container .board .h2{height:3px;left:0;top:66%;width:100%}.game-board-container .board .v1{height:100%;left:33%;top:0;width:3px}.game-board-container .board .v2{height:100%;left:66%;top:0;width:3px}.game-board-container .board .cell{align-items:center;cursor:pointer;display:flex;height:33.333%;justify-content:center;position:absolute;width:33.333%;z-index:2}.game-board-container .board .cell img{height:80px;width:80px}.game-board-container .board .cell-0{left:0;top:0}.game-board-container .board .cell-1{left:33.333%;top:0}.game-board-container .board .cell-2{left:66.666%;top:0}.game-board-container .board .cell-3{left:0;top:33.333%}.game-board-container .board .cell-4{left:33.333%;top:33.333%}.game-board-container .board .cell-5{left:66.666%;top:33.333%}.game-board-container .board .cell-6{left:0;top:66.666%}.game-board-container .board .cell-7{left:33.333%;top:66.666%}.game-board-container .board .cell-8{left:66.666%;top:66.666%}.game-board-container .winner-overlay{align-items:center;background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.game-board-container .winner-overlay .winner-content{color:#fff;text-align:center}.game-board-container .winner-overlay .winner-content .winner-img{height:120px;margin-bottom:20px;width:120px}.game-board-container .winner-overlay .winner-content h1{font-size:2rem;margin-bottom:20px}.game-board-container .winner-overlay .winner-content .overlay-buttons{display:flex;gap:20px;justify-content:center}.game-board-container .winner-overlay .winner-content .overlay-buttons button{border:none;border-radius:5px;cursor:pointer;font-size:1rem;padding:10px 20px}.game-board-container .draws-count{font-size:1rem;margin-top:20px;text-align:center}@media(max-width:600px){.game-board-container{min-height:100vh;padding:10px}.game-board-container .scoreboard{flex-direction:column;gap:20px}.game-board-container .scoreboard .player-score img{height:40px;width:40px}.game-board-container .scoreboard .player-score .score-details h3{font-size:1rem}.game-board-container .scoreboard .player-score .score-details p{font-size:1.1rem}.game-board-container .scoreboard span{font-size:1.2rem}.game-board-container .turn-indicator{font-size:1rem}.game-board-container .turn-indicator span{font-size:.9rem}.game-board-container .board{height:80vw;margin:10px auto;width:80vw}.game-board-container .board .cell img{height:60px;width:60px}.game-board-container .winner-overlay .winner-content .winner-img{height:100px;width:100px}.game-board-container .winner-overlay .winner-content h1{font-size:1.5rem}.game-board-container .winner-overlay .winner-content .overlay-buttons button{font-size:.9rem;padding:8px 16px}.game-board-container .draws-count{font-size:.9rem}}
/*# sourceMappingURL=main.0850bde6.css.map*/