:root{--jeopardy-blue: #7c3aed;--jeopardy-lightblue: #ede9fe;--jeopardy-yellow: #ffcc00;--header-height: 50px;--players-container-width: 15em;--question-box-width: 450px;--question-box-padding: 30px}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400;line-height:1.6}input,button{padding:10px;border-radius:5px;border:1px solid grey}input{border:2px solid #d1d5db;transition:all .3s ease}input:focus{outline:none;border-color:var(--jeopardy-blue);box-shadow:0 0 0 3px #8b5cf61a}button{background:linear-gradient(135deg,var(--jeopardy-blue) 0%,#a78bfa 100%);color:#fff;font-weight:500;border:none;border-radius:12px;padding:12px 24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #8b5cf633,0 1px 3px #00000014;text-transform:uppercase;letter-spacing:.8px;font-size:16px}button:hover{transform:translateY(-2px);box-shadow:0 8px 12px #8b5cf64d,0 4px 6px #0000001a;background:linear-gradient(135deg,#7c3aed,#a78bfa)}button:active{transform:translateY(0);box-shadow:0 2px 4px #8b5cf633,0 1px 2px #0000000f}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button:disabled:hover{transform:none;box-shadow:0 4px 6px #8b5cf633,0 1px 3px #00000014}button.secondary{background:linear-gradient(135deg,var(--jeopardy-lightblue) 0%,#ddd6fe 100%);color:var(--jeopardy-blue);box-shadow:0 4px 6px #8b5cf61a,0 1px 3px #0000000d}button.secondary:hover{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);box-shadow:0 8px 12px #8b5cf626,0 4px 6px #00000014}button.danger{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 4px 6px #ef444433,0 1px 3px #00000014}button.danger:hover{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 8px 12px #ef44444d,0 4px 6px #0000001a}button.success{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 6px #10b98133,0 1px 3px #00000014}button.success:hover{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 8px 12px #10b9814d,0 4px 6px #0000001a}button.gold{background:linear-gradient(135deg,var(--jeopardy-yellow) 0%,#ffd700 100%);color:#1f2937;box-shadow:0 4px 6px #ffcc004d,0 1px 3px #00000014}button.gold:hover{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 8px 12px #fc06,0 4px 6px #0000001a}.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:#7c3aed;-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}