.appWrapper + * {clear: both;}
#canvasDiv, #controls {float: left; margin: 1em;}
form {margin-bottom: 1em;}
input[type=number] {width: 4em;}
canvas {max-width: 100%; aspect-ratio: 1/1}
#canvasDiv {position: relative;}
#mapimg {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
area {cursor: pointer;}

#digits td {height: 2em; border-bottom: none; padding: 0; padding-right: 0.5em;}
#digits td:first-child {width: 4em;}
.digit {margin: 0.2em; padding: 0.2em; width: 1em;}
.digit, .dot {display: inline-block; height: 1em; line-height: 1em; text-align: center; vertical-align: middle;}
.lastdigit {border: 1px solid #8bf;}
.digit:first-child:not(:empty) {cursor: pointer;}
.digit:first-child:not(:empty):hover {background:rgba(255, 0, 0, 0.1);}

ul:not(.bullets) {list-style-type:none; padding-left:0; margin-bottom:0.5em;}
li {margin:0.6em 0;}
button {margin:0 0.1em; padding:0 0.5em;}
label {margin:0 0.5em;}
#step {background-color:#fff; color:#000; font-weight:bold;}
#stepsize {width: 2em; text-align:center;}
#jump {background-color:#fff; color:#049; font-weight:bold;}
.disabled {opacity:0.8;}