body{padding:0;margin:0;overflow:auto;display:flex;flex-wrap:nowrap;height:100vh}#topContainer{overflow:clip;display:grid;height:100vh;width:100vw;justify-items:stretch;align-items:stretch;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"main"}svg{grid-area:main}#controls{max-height:100vh;margin:.333em;display:flex;flex-wrap:wrap;row-gap:.333em;align-content:flex-start;grid-area:main}@media(orientation:landscape){#controls{flex-direction:column;align-items:stretch;justify-self:end}#controls button{margin-left:.6em}}@media(orientation:portrait){#controls{flex-direction:row;align-items:baseline;align-self:end}#controls button{margin-left:.3em}}#controls div.spacer{height:.3em;width:.3em;margin:.05em;align-self:center}button{user-select:none;font-size:15pt}#controls button{outline-color:#00f;outline-style:solid;outline-width:0;outline-offset:.05rem}#controls button.selected{outline-width:.233em}