:root{--background-color:#f0f0f0;--intense-background-color:white;--foreground-color:#202020;--intense-foreground-color:black}@media (prefers-color-scheme:dark){:root{--background-color:#1b1917;--intense-background-color:black;--foreground-color:silver;--intense-foreground-color:white}}html,body{background-color:var(--background-color);color:var(--foreground-color);height:100%;margin:0;font-family:Gentium Plus,Times New Roman,serif}.link{color:var(--intense-foreground-color)}.container{display:flex}.container .left,.container .right{box-sizing:border-box;padding:50px}.container .left h1{line-height:125%}.container .right{background-color:var(--intense-background-color)}.container .right h2{border-top:1px solid #80808080;padding-top:10px}@media (width>=660px){.container{flex-direction:row;max-width:1000px;height:100vh;margin:0 auto}.container .left{flex:1 0 150px}.container .right{flex:1 0 310px;overflow:scroll}}@media (width<=660px){.container{flex-direction:column;overflow:scroll}.container .left{flex:0 0 content}.container .right{flex:1}}.players-entry-table{grid-template-columns:max-content max-content;display:grid}.players-entry-table .player-name-input,.players-entry-table .player-name-input-deselected,.players-entry-table .player-name-remove-button,.text-button,.text-button-selected,.text-button-deselected{color:var(--foreground-color);background-color:#80808040;border:none;border-radius:17.5px;margin-bottom:5px;margin-right:5px;padding-top:10px;padding-bottom:10px}.players-entry-table .player-name-input,.players-entry-table .player-name-input-deselected,.text-button,.text-button-selected,.text-button-deselected{padding-left:15px;padding-right:15px}.players-entry-table .player-name-input:enabled:hover,.players-entry-table .player-name-remove-button:enabled:hover,.text-button:enabled:hover{color:var(--intense-foreground-color);background-color:#80808080}.players-entry-table .player-name-input-deselected,.text-button-deselected{background-color:#80808020}.players-entry-table .player-name-remove-button{text-align:center;width:35px;height:35px}.text-button,.text-button-selected,.text-button-deselected{border:1px solid #0000;height:35px;padding-top:8px;padding-bottom:12px}.text-button-selected{border:1px solid var(--foreground-color)}
