::backdrop{opacity:.75;background-color:#313131}body{color:#fff;background-color:#111;background-image:url(/build/assets/background-Ctcz_KH0.webp);background-repeat:no-repeat;background-size:100%;background-attachment:fixed;height:100vh;margin:0;padding:0;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:24px}h2{text-align:center;margin-bottom:10px;font-size:18px}a{text-decoration:none}nav{gap:5px;padding-top:10px;padding-left:10px;display:flex}nav a,.nav-button{color:#fff;cursor:pointer;touch-action:manipulation;background-color:purple;border:0;outline:none;padding:5px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;font-weight:500;display:block}nav a:hover,nav a:focus,.nav-button:focus,.nav-button:hover{color:#fff;background-color:#c912c9}.nav-button-small{color:#c912c9;text-align:center;box-sizing:unset;cursor:pointer;background-color:#0000;border:0;width:100%;font-size:16px;display:block}#end_round{display:none}.player-selection-wrapper{flex-direction:column;gap:10px;width:95%;max-width:400px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.top-player,.bottom-player,.top-left-player,.top-right-player,.bottom-left-player,.bottom-right-player{transition-duration:.3s}.top-player{width:95%;max-width:500px;position:absolute;top:80px;left:50%;transform:translate(-50%)}.bottom-player{width:95%;max-width:500px;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.top-left-player{width:35%;position:absolute;top:80px;left:25%;transform:translate(-50%)}.top-right-player{width:35%;position:absolute;top:80px;left:75%;transform:translate(-50%)}.bottom-left-player{width:35%;position:absolute;bottom:100px;left:25%;transform:translate(-50%)}.bottom-right-player{width:35%;position:absolute;bottom:100px;left:75%;transform:translate(-50%)}.player-score{text-align:center;margin-bottom:10px}.player-round-score{text-align:center;background-color:#333;border-radius:5px;width:calc(95% - 20px);max-width:250px;margin:0 auto 10px;padding:10px}.player-modify-score-wrapper{grid-template-columns:1fr 1fr;gap:10px;width:95%;max-width:250px;margin:0 auto 10px;display:grid}#round_counter{text-align:center;font-size:32px;display:none;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.flipped{transition-duration:.3s;transform:rotate(180deg)translate(50%)}#modal{color:#fff;background-color:#222;margin-top:300px;padding:10px}
