*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}input{font-size:14px}body{line-height:1.4;color:#333333;background-color:#1a1c23;font-family:Helvetica,Arial,sans-serif;overflow:overlay}h1{margin-bottom:16px}label{display:block;font-size:14px;margin-bottom:8px;color:#777}button{cursor:pointer;padding:12px;background:#ffd700;border:none;color:#191b22;font-size:16px;transition:background .3s ease}button:hover{background:#b69b00}button:disabled{cursor:default;background:#665700}#tavern_floor{background-color:#191b22;color:#ffd700;min-height:100vh;text-align:center;position:relative}#tavern_floor h1{font-size:3em;padding-top:30px}.github_link{position:absolute;bottom:0;text-align:center;width:100%;margin-bottom:16px}.github_link a{color:#ffd700;font-size:1.2rem;text-decoration:none}.github_link a:hover{color:#fff}.game_select{margin-top:10%;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;align-content:center;padding-bottom:80px}.room_entry{border:2px solid #ffd700;font-weight:bold;padding:20px;margin:20px;display:inline-block;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;min-height:200px;min-width:200px}.room_entry:hover{background-color:#ffd700;color:#191b22;box-shadow:0 0 5px rgba(255,217,0,.8);cursor:pointer}.room_entry.disabled,.game_rules_button.disabled{opacity:50%;cursor:default!important}.room_entry.disabled:hover,.game_rules_button.disabled:hover{background-color:rgba(255,217,0,0);color:#ffd700;box-shadow:none}.room_entry img{width:auto;margin-top:16px;height:110px}.room_entry:hover img{filter:hue-rotate(176deg) saturate(15%) brightness(12%)}.centered-form{background:rgba(25,27,34,.8);width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0;justify-content:center;align-items:center}.centered-form__box{box-shadow:0 0 17px 1px #1D1F26;color:#ffd700;background:rgba(25,27,34,.7);padding:36px;width:300px;border:2px solid #ffd700}#modal_close:hover{cursor:pointer}.centered-form input{margin-bottom:16px;width:100%;border:1px solid #ffd700;color:#ffd700;background-color:#191b22;padding:12px;outline:none}.centered-form input:hover{box-shadow:0 0 5px #ffd700}.centered-form input::placeholder{color:#eeeeee}.centered-form input:-webkit-autofill,.centered-form input:autofill{color:#ffd700!important;background-color:#191b22!important}.centered-form label{display:block;font-size:14px;margin-bottom:8px;color:#ffd700}input:read-only{background-color:rgb(42,45,58);cursor:default}input:read-only:hover{box-shadow:none}.centered-form button{width:100%;cursor:pointer;padding:12px;font-weight:bold;background:#ffd700;border:none;color:#191b22;font-size:16px;transition:background .3s ease}.centered-form button:hover{background:#b69b00}.centered-form button:disabled{cursor:default;background:#665700}.hidden{display:none}.alt_return_to_tavern{display:none;text-align:center;height:4vh;border-left:2px solid #ffd700;border-bottom:2px solid #ffd700}.game_grid{min-height:100vh;display:flex;flex-direction:row;flex-wrap:nowrap}.left_sidebar{min-width:350px;width:350px;max-width:350px}.return_to_tavern{background-color:#191b22;height:10vh;display:flex;justify-content:center;align-items:center;align-content:center;flex-direction:row;position:fixed;width:350px}.return_to_tavern a,.alt_return_to_tavern a{flex-grow:1;font-size:1.3em;font-weight:700;color:#ffd700;margin:16px;text-align:center}.return_to_tavern a:hover{color:red}.right_section{flex-grow:4}.chat{display:flex;min-height:90vh;border-top:2px solid #ffd700;position:fixed;width:350px;top:10vh}.topbar{display:flex;align-items:center;height:10vh;color:white;background-color:#191b22;border-left:2px solid #ffd700}#game_title{margin-left:20px}.game_board{border-left:2px solid #ffd700;border-top:2px solid #ffd700;background-color:#191b22;color:#fff;padding:20px;min-height:90vh}.game_board_start_message{text-align:center}.btn__start_game{display:block;margin:0 auto;padding:20px 30px;background-color:#ffd700;border:none;font-weight:700;color:#191b22;transition:background-color .3s ease,color .3s ease}.btn__start_game:hover{background-color:#b69b00}.chat__main{flex-grow:1;display:flex;flex-direction:column;max-height:100vh}.chat__messages{flex-grow:1;padding:24px 24px 0 24px;overflow-y:scroll;max-width:350px}.message{margin-bottom:16px;color:#eee}.message p{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto}.message__name{font-weight:600;font-size:14px;margin-right:8px;color:#ffd700}.message__meta{color:#eee;font-size:14px}.message a{color:#800080}.compose{display:flex;flex-shrink:0}.compose form{width:100%}.compose input{border:1px solid #eeeeee;width:100%;padding:12px;margin:0 16px 0 0;flex-grow:1}.compose button{font-size:14px;width:100%}.room-title{font-weight:400;font-size:22px;background:#2c2f3a}.list-title{font-weight:500;font-size:18px}.users{list-style-type:none;font-weight:300}#game_rules_wrapper{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(25,27,34,.8)}#game_rules_button{display:inline-block;margin-left:auto;padding:10px 20px;margin-right:20px;border:2px solid #ffd700;background:#191b22;transition:background .3s ease;color:#ffd700;font-weight:bold}.game_rules_button{padding:10px 20px;border:2px solid #ffd700;background:#191b22;transition:background .3s ease;color:#ffd700;font-weight:bold;margin:0 auto;width:50%}#game_rules_button:hover,.game_rules_button:hover{background-color:#ffd700;color:#191b22;cursor:pointer}#game_rules{width:80%;max-width:800px;max-height:80vh;overflow-y:auto;position:relative;padding:40px;margin:10vh auto;border:2px solid #ffd700;color:#fff;background:rgb(25,27,34,.95);box-shadow:5px 5px 5px rgba(0,0,0,.3)}#game_rules h2,#game_rules h3,#game_rules h4{text-align:center;padding-bottom:12px}#game_rules h3{padding-top:20px}#game_rules li{padding-top:12px}#game_rules_close{position:absolute;right:15px;top:15px;font-weight:bold;color:#ffd700}#game_rules_close:hover{cursor:pointer;color:red}#game_rules ol,#game_rules ul{text-align:left}@media screen and (max-width:640px){.left_sidebar{display:none;}.alt_return_to_tavern{display:block}#game_board{min-height:86vh;}}