:root{--jeopardy-blue: #060ce9;--jeopardy-lightblue: #d7ebff;--jeopardy-yellow: #ffcc00;--header-height: 50px;--players-container-width: 15em;--question-box-width: 450px;--question-box-padding: 30px}input,button{padding:10px;border-radius:5px;border:1px solid grey}input:focus{outline:1px solid grey}button{background-color:#f0f0f0}button:hover{background-color:#f4f4f4;cursor:pointer;box-shadow:0 1px 1px #3c40434d,0 1px 3px 1px #3c404326}.flex-row{display:flex}.flex-row *{flex:1}.flex-column{display:flex;flex-direction:column}.flex-column *{flex:1}.join-container{width:500px;margin:auto;margin-top:calc(var(--header-height) + 30px)}.question-box{width:var(--question-box-width);padding:var(--question-box-padding);background-color:var(--jeopardy-blue);color:#fff;text-align:center;font-size:1.5em;font-weight:700;border-radius:5px;-webkit-user-select:none;user-select:none;margin:0 auto}.question-category{font-size:1.5em;margin:15px 0;overflow-wrap:break-word}#question-container{width:calc(var(--question-box-width) + 2*var(--question-box-padding))}.question-board{width:900px}.question-board table{border-collapse:collapse}.question-board table td{border:5px solid black;padding:10px;text-align:center;background-color:var(--jeopardy-blue);font-weight:700}.question-board table td .question-board-box{width:125px;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none}.question-board table .category-title{color:#fff;min-height:40px}.question-board table .question-value{color:var(--jeopardy-yellow);line-height:30px;height:40px}.question-board table .question-value span{font-weight:bolder;font-size:2em}@keyframes fadeInMoveUp{0%{transform:translate(-50%,calc(-1*var(--header-height)))}to{transform:translate(-50%)}}.modal-container{position:fixed;left:50%;transform:translate(-50%);top:calc(var(--header-height) + 15px);width:calc(600px - 4em);background-color:var(--jeopardy-lightblue);border:2px solid var(--jeopardy-blue);display:flex;flex-direction:column;animation:fadeInMoveUp 2s ease-out;padding:2em}.modal-container .modal-message h3,.modal-container .modal-message p{margin:0 0 1em}.link{color:#00f;-webkit-user-select:none;user-select:none}.link:hover{cursor:pointer;text-decoration:underline}.icon-text{display:flex;gap:.25em}.icon-text p{flex-grow:1}.icon-text div{flex-grow:0}