dialog::backdrop{background-image:linear-gradient(45deg,magenta,rebeccapurple,dodgerblue,green);opacity:.75}body{margin:0;padding:8px;background-color:#ede9d9}.hands{counter-reset:matching_dice;width:fit-content}.hands:not(.palacifo).selected.one :not(.unknown) .diceFace.one:not(.unknown){border:4px solid white;counter-increment:matching_dice}.hands:not(.palacifo).selected.two :not(.unknown) .diceFace.two:not(.unknown),.hands:not(.palacifo).selected.two :not(.unknown) .diceFace.one:not(.unknown){border:4px solid white;counter-increment:matching_dice}.hands:not(.palacifo).selected.three :not(.unknown) .diceFace.three:not(.unknown),.hands:not(.palacifo).selected.three :not(.unknown) .diceFace.one:not(.unknown){border:4px solid white;counter-increment:matching_dice}.hands:not(.palacifo).selected.four :not(.unknown) .diceFace.four:not(.unknown),.hands:not(.palacifo).selected.four :not(.unknown) .diceFace.one:not(.unknown){border:4px solid white;counter-increment:matching_dice}.hands:not(.palacifo).selected.five :not(.unknown) .diceFace.five:not(.unknown),.hands:not(.palacifo).selected.five :not(.unknown) .diceFace.one:not(.unknown){border:4px solid white;counter-increment:matching_dice}.hands:not(.palacifo).selected.six :not(.unknown) .diceFace.six:not(.unknown),.hands:not(.palacifo).selected.six :not(.unknown) .diceFace.one:not(.unknown){border:4px solid white;counter-increment:matching_dice}.hands.palacifo.selected.one :not(.unknown) .diceFace.one:not(.unknown){border:4px solid white;counter-increment:matching_dice}.hands.palacifo.selected.two :not(.unknown) .diceFace.two:not(.unknown){border:4px solid white;counter-increment:matching_dice}.hands.palacifo.selected.three :not(.unknown) .diceFace.three:not(.unknown){border:4px solid white;counter-increment:matching_dice}.hands.palacifo.selected.four :not(.unknown) .diceFace.four:not(.unknown){border:4px solid white;counter-increment:matching_dice}.hands.palacifo.selected.five :not(.unknown) .diceFace.five:not(.unknown){border:4px solid white;counter-increment:matching_dice}.hands.palacifo.selected.six :not(.unknown) .diceFace.six:not(.unknown){border:4px solid white;counter-increment:matching_dice}.current_player .hand{background-color:gold}.hand{border:1px solid black;margin:3px;border-radius:.4em;display:flex;width:fit-content;background-color:#add8e6}.hand:hover{border-color:#ff0}.palacifo .hand{border:5px solid darkorchid}.palacifo .can_change_rank .hand{border:5px solid purple}.diceFace{border:4px solid grey;margin:3px;height:2em;width:2em;border-radius:.4em;padding:.4em;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);display:grid;background-color:#d3d3d3}.diceFace:hover{border-color:#ff0}.diceFace>.pip{border:1px solid black;border-radius:40%;background-color:#000}.diceFace>.pip.top_left{grid-column:1;grid-row:1}.diceFace>.pip.top_right{grid-column:5;grid-row:1}.diceFace>.pip.middle_left{grid-column:1;grid-row:3}.diceFace>.pip.middle_centre{grid-column:3;grid-row:3}.diceFace>.pip.middle_right{grid-column:5;grid-row:3}.diceFace>.pip.bottom_left{grid-column:1;grid-row:5}.diceFace>.pip.bottom_right{grid-column:5;grid-row:5}.diceFace.one .top_left,.diceFace.one .top_right,.diceFace.one .middle_left,.diceFace.one .middle_right,.diceFace.one .bottom_left,.diceFace.one .bottom_right,.diceFace.two .top_right,.diceFace.two .middle_left,.diceFace.two .middle_centre,.diceFace.two .middle_right,.diceFace.two .bottom_left,.diceFace.three .top_right,.diceFace.three .middle_left,.diceFace.three .middle_right,.diceFace.three .bottom_left,.diceFace.four .middle_left,.diceFace.four .middle_centre,.diceFace.four .middle_right,.diceFace.five .middle_left,.diceFace.five .middle_right,.diceFace.six .middle_centre{display:none}.unknown .diceFace,.diceFace.unknown{display:flex;align-items:center;justify-content:center}.unknown .diceFace .top_left,.unknown .diceFace .top_right,.unknown .diceFace .middle_left,.unknown .diceFace .middle_centre,.unknown .diceFace .middle_right,.unknown .diceFace .bottom_left,.unknown .diceFace .bottom_right,.diceFace.unknown .top_left,.diceFace.unknown .top_right,.diceFace.unknown .middle_left,.diceFace.unknown .middle_centre,.diceFace.unknown .middle_right,.diceFace.unknown .bottom_left,.diceFace.unknown .bottom_right{display:none}.unknown .diceFace .middle_centre,.diceFace.unknown .middle_centre{display:contents;font-size:2.5em}.unknown .diceFace .middle_centre:before,.diceFace.unknown .middle_centre:before{content:"?"}#count:before{content:"There are " counter(matching_dice)}.game_area{margin:0;display:flex;justify-content:space-between;align-items:start;width:100%}.game_area .action_display{width:50%}.game_area .action_display .bet_history{max-height:75vh;overflow-y:auto}.game_area .game_info{display:flex;flex-direction:column;margin:0 auto;align-items:center}.game_area .game_info h4{font-weight:400;font-size:1.5em}.game_area .game_info h4 .player_name{font-weight:600}.game_area .hand_display{display:flex;margin:.5em}.game_area .hand_display .hands,.game_area .hand_display .player_names{display:flex;flex-direction:column;justify-content:space-around}.game_area .hand_display .hands .hand,.game_area .hand_display .player_names .hand{margin:.5em}.game_area .hand_display .hands .disconnected .hand,.game_area .hand_display .player_names .disconnected .hand{background-color:gray}.game_area .hand_display .hands p,.game_area .hand_display .player_names p{font-size:1.5em}.game_area .hand_display .hands p .player_name,.game_area .hand_display .player_names p .player_name{font-weight:600}.game_area .hand_display .hands p.current_player,.game_area .hand_display .player_names p.current_player{font-weight:600;font-size:1.7em;text-shadow:1px 1px 5px rgb(255,241,160)}.game_area .hand_display .hands p.disconnected,.game_area .hand_display .player_names p.disconnected{text-decoration:line-through}.my_actions{display:flex;align-items:stretch;flex-direction:column}.my_actions button{width:100%;height:2em;font-size:1.5em;border-radius:.2em;background-color:#006400;color:#add8e6}.my_actions button:disabled{background-color:gray}.my_actions button:disabled.my_turn{background-color:#628562}.bet,.action{border-radius:.5em;margin:.5em 0;background-color:#dbffec;display:flex;align-items:center;justify-content:space-between;padding:0 2em}.bet.dudo,.action.dudo{background-color:#faa798}.bet.calza,.action.calza{background-color:#edd34e}.bet .player_identifier,.action .player_identifier{font-size:1.5em}.bet .player_identifier .player_name,.action .player_identifier .player_name{font-weight:600}.bet .action_content,.action .action_content{display:flex;align-items:center}.bet .action_content button,.action .action_content button{height:2em;font-size:1.5em;border-radius:.2em;background-color:#80db5c;color:#2f4f4f;margin-right:1em}.bet .action_content button.showing_previous,.action .action_content button.showing_previous{background-color:#7fffd4}.bet .bet_multiplier,.action .bet_multiplier{font-size:2em;display:flex;align-items:center}.bet .bet_multiplier input,.bet .bet_multiplier p,.action .bet_multiplier input,.action .bet_multiplier p{text-align:end;font-size:1em;width:2em}.bet .action_text,.action .action_text{font-size:1.5em;font-weight:600;flex:10%}.bet.selected.one :not(.unknown) .diceFace.one:not(.unknown),.action.selected.one :not(.unknown) .diceFace.one:not(.unknown){border:4px solid red;counter-increment:matching_dice}.bet.selected.two :not(.unknown) .diceFace.two:not(.unknown),.action.selected.two :not(.unknown) .diceFace.two:not(.unknown){border:4px solid red;counter-increment:matching_dice}.bet.selected.three :not(.unknown) .diceFace.three:not(.unknown),.action.selected.three :not(.unknown) .diceFace.three:not(.unknown){border:4px solid red;counter-increment:matching_dice}.bet.selected.four :not(.unknown) .diceFace.four:not(.unknown),.action.selected.four :not(.unknown) .diceFace.four:not(.unknown){border:4px solid red;counter-increment:matching_dice}.bet.selected.five :not(.unknown) .diceFace.five:not(.unknown),.action.selected.five :not(.unknown) .diceFace.five:not(.unknown){border:4px solid red;counter-increment:matching_dice}.bet.selected.six :not(.unknown) .diceFace.six:not(.unknown),.action.selected.six :not(.unknown) .diceFace.six:not(.unknown){border:4px solid red;counter-increment:matching_dice}.landing_page{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:50vw}.landing_page h3{font-size:1.5em;text-align:center;font-weight:400}.landing_page .landing_page_action_container{width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.landing_page .landing_page_action_container button{height:2em;font-size:1.5em;border-radius:.2em;background-color:#006400;color:#add8e6}.landing_page .landing_page_action_container button.CreateLobbyButton:hover{text-shadow:1px 1px 5px #ffcc00}.landing_page .landing_page_action_container button#JoinLobbyButton:hover{text-shadow:1px 1px 5px #414180}.landing_page .landing_page_action_container button.leave{background-color:#cc1d25}.landing_page .label_name{font-weight:600}.landing_page #lobby_hash{color:#030358;margin:.5em;font-size:2em;font-weight:600;font-family:monospace}.landing_page #lobby_hash:hover{text-shadow:1px 1px 10px #414180;cursor:copy}.landing_page #LobbyPlayerCount{font-weight:1000;font-size:1.2em}