:root{--back:#334;--fore:#f0f0f0;--first:#966c3c;--second:#888}body,html{background:var(--back);color:var(--fore);font-family:Arial,sans-serif;font-size:14px;line-height:20px}a{color:var(--fore);text-decoration:none}main{display:block;margin:0 auto;padding:0 5px;width:720px}.hidden{display:none}.info{border:2px solid var(--fore);display:flex;font-size:16px}.info div{flex-basis:33.3%;display:inline-block;margin:5px}.center{text-align:center}.right{text-align:end}.bold{font-weight:800}div>.header{border-bottom:2px solid var(--second);font-size:16px;font-weight:800;margin:20px 0 10px}.settings{display:flex;font-size:14px}.settings div{flex-basis:33.3%;display:inline-block;margin:5px;text-align:center}.level{border:2px solid var(--fore);display:inline-block;margin:5px 5px 5px 0;padding:5px}.level:hover{background-color:var(--fore);color:var(--back);cursor:pointer}