:root{--orangish:#e97f02;--reddish:#c33149;--semi-opaque-white:hsla(0,0%,100%,.8)}body,html{background-color:#8a9b0f;margin:0;min-height:100vh;padding:0}body,input,select{font-family:Trebuchet MS,Helvetica,Verdana,Arial,sans-serif;font-size:12pt}*{box-sizing:border-box}:focus{box-shadow:none!important;outline:0!important}#root{display:grid;grid-template-areas:"header header" "sidebar main ";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;height:100vh}#sidebar{background-color:var(--reddish);grid-area:sidebar;padding:8px}#sidebar,#sidebar input[type=button]{color:var(--semi-opaque-white)}#sidebar fieldset{border:none;border-top:1px solid var(--semi-opaque-white)}#sidebar li a{display:block}#sidebar li{border-radius:4px}#sidebar li.active-link:hover{background:rgba(0,0,0,.2)}#sidebar li.selected{background:rgba(0,0,0,.4)}#main-panel{align-items:center;display:flex;height:100%;justify-content:center;padding:8px;width:100%}#main-panel hr{border:1px solid var(--reddish)}#main-panel>:first-child{background-color:#f8ca00;border-radius:8px;padding:8px}a{color:inherit;text-decoration:none}button,input[type=button]{background-color:rgba(0,0,0,.1);border:3px solid rgba(0,0,0,.2);color:#000}header{background:var(--orangish);font-size:1.75em;grid-area:header;letter-spacing:3pt;padding:8px 0;position:relative;text-align:center}input[disabled]{opacity:.6}main{grid-area:main}ul.no-bullets{list-style-type:none;margin:0;padding:0}ul.no-bullets ul{margin-left:.5em}ul.no-bullets li{margin-bottom:.5em;margin-left:-.5em;padding:.5em}.font-weight-bold{font-weight:700}.to-bounds{height:100%;width:100%}.titled-area{display:grid;grid-template-areas:"titled-area-header" "titled-area-content";grid-template-rows:auto 1fr}.titled-area>:first-child{grid-area:titled-area-header}.titled-area>:nth-child(2){grid-area:titled-area-content}.text-align-center{text-align:center!important}.w-100{width:100%}.loading{align-content:center;font-size:2em;justify-content:center}#leaderboard table{border-spacing:0}#leaderboard table tr td{border-bottom:solid var(--reddish)1px;border-left:1px solid var(--reddish);padding:.5em;text-align:center}#leaderboard table tr td:first-child{border-left:none}#leaderboard table tbody tr:last-child td{border-bottom:none}#leaderboard table tbody tr td:first-child,#settings table tr td:first-child{text-align:right}#settings table input,#settings table select{width:100%}