:root {
                --theme-color: #0005ff;
                --theme-color-light: #555aff;
                --theme-color-dark: #0001aa;
                --background-color: #ffffff;
                --background-color-dark: #bfbfbf;
                --text-color: #000000;
                --text-color-light: #999999;
                --incorrect-back-color: #aa1111;
                --incorrect-front-color: #ff9999;
                --correct-back-color: #11aa11;
                --correct-front-color: #99ff99;
            }
            * {
                color: var(--text-color);
                user-select: none;
            }
            html, body {
                font-family: sans-serif;
                background: var(--background-color);
                width: 100vw;
                height: 100vh;
                margin: 0;
                padding: 0;
                overflow: hidden;
            }
            body {
                padding: 10px;
            }
            .choice-div label {
                padding: 3px;
            }
            input[type="text"], button {
                border-radius: 0;
                border: 1px solid black;
            }
            input[type="text"] {
                background-color: var(--background-color-dark);
                box-sizing: content-box;
                display: block;
                margin-bottom:  6px;
                resize: none;
                font-family: monospace;
                padding: 3px;
            }
            input[type="text"][incorrect] {
                background-color: var(--incorrect-back-color);
                color: var(--incorrect-front-color);
                cursor: default;
            }
            input[type="text"][correct] {
                background-color: var(--correct-back-color);
                color: var(--correct-front-color);
                cursor: default;
            }
            .choice-div label[incorrect] {
                background-color: var(--incorrect-back-color);
                color: var(--incorrect-front-color);
                cursor: default;
            }
            .choice-div label[correct] {
                background-color: var(--correct-back-color);
                color: var(--correct-front-color);
                cursor: default;
            }
            button {
                padding: 5px;
                cursor: pointer;
                background-color: var(--theme-color-light);
                padding-left: 6px;
                padding-right: 6px;
            }
            button:hover {
                background-color: var(--theme-color);
            }
            button:active {
                background-color: var(--theme-color-dark);
            }
            button[disabled] {
                cursor: default;
                background-color: var(--theme-color-light);
            }
            button[disabed]:hover {
                background-color: var(--theme-color-light);
            }
            button[disabled]:active {
                background-color: var(--theme-color-light);
            }
            .score {
                position: fixed;
                top: 10px;
                right: 30px;
                font-size: 14pt;
                cursor: default;
                font-weight: bold;
            }
            label {
                display: block;
                cursor: pointer;
                margin: 10px;
                width: 300px;
            }
            input[type="radio"] {
                margin-top: 2px;
                margin-bottom: -4px;
                cursor: pointer;
                background: var(--background-color);
                appearance: none;
                border: 1px solid black;
                border-radius: 50%;
                width: 20px;
                height: 20px;
            }
            input[type="radio"][checked] {
                background: radial-gradient(circle, var(--theme-color) 0%, var(--theme-color) 50%, var(--background-color) 51%, var(--background-color) 100%);
            }
            input[type="radio"][disabled] {
                cursor: default;
            }
            label[disabled] {
                cursor: default;
            }
            footer {
                position: fixed;
                bottom: 0;
                text-align: center;
                width: 100%;
                left: 0;
            }
            footer p {
                cursor: default;
                color: var(--text-color-light);
                font-size: 10pt;
            }
            footer a {
                color: var(--text-color-light);
                text-decoration: none;
                cursor: pointer;
            }
            footer a:hover {
                color: var(--theme-color-light);
            }
            footer a:active {
                color: var(--theme-color-dark);
            }
            li {
                cursor: default;
            }
            ul {
                list-style-type: none;
                cursor: default;
            }
            .error-display li {
                color: #ff0000;
            }
            .popup {
                position: fixed;
                top: 0;
                left: 0;
                width: 100vw;
                height: 100vh;
                margin: 0;
                border: 0;
                z-index: 999;
                padding: 7px;
                background-color: var(--background-color);
            }
            .leaveGame {
                position: fixed;
                top: 65px;
                right: 30px;
            }
            .gameId {
                top: 90px;
                right: 30px;
                position: fixed;
            }
            aside {
                position: fixed;
                top: 120px;
                right: 0;
                width: 300px;
            }
            .leaderboard {
                text-align: right;
                padding-right: 30px;
            }
            .leaderboard li[kickable]:hover {
                text-decoration: line-through;
            }
            .chatArea {
                height: 275px;
                overflow-x: hidden;
                word-wrap: break-word;
                padding-left: 10px;
                padding-right: 15px;
            }