html,body,#root{box-sizing:border-box;overscroll-behavior:contain;width:100%;height:100%;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:1.1rem;overflow:hidden}body{position:fixed;inset:0}*,:before,:after{box-sizing:border-box}main{width:100%;height:100dvh;min-height:0;overflow:hidden}.tab-control{grid-template-rows:auto minmax(0,1fr);width:100%;height:100dvh;min-height:0;display:grid;overflow:hidden}.tab-control .headers{border-bottom:1px solid;flex-direction:row;grid-row:1;justify-content:center;display:flex}.tab-control .headers a{text-align:center;border-right:1px solid;width:100%;padding:.5rem}.tab-control .headers a:last-child{border-right:none}.tab-control .tabs{grid-row:2;min-height:0;overflow:hidden}section{padding:1rem}label{margin-top:.5rem;display:block}select,input{outline:none;width:100%;min-width:0;margin-top:.5rem;padding:.75rem .5rem;display:block}button{border:none;outline:none;width:100%;margin-top:.5rem;padding:1rem;display:block}button.small{width:auto;padding:.25rem}.spinner{border:4px solid #ccc;border-top-color:#111;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.towns .town{flex-direction:row;padding-top:.5rem;display:flex}.loader{-webkit-backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.tabs section{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:manipulation;min-height:0;max-height:100%;overflow-y:auto}.home .towns{flex-direction:column;gap:1rem;display:flex}.home .town button{border-radius:0;width:auto;height:100%;margin:0;padding-left:.25rem;padding-right:.25rem}.home .towninfo{width:100%;display:block;position:relative}.home .towninfo input{width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.home .towninfo div.coords{color:#838383;text-align:right;flex-direction:column;justify-content:space-evenly;height:100%;font-size:.8rem;display:flex;position:absolute;top:0;bottom:0;right:.25rem}main.dash{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;width:100%;height:100dvh;min-height:0;display:grid;overflow:hidden}.top-button{text-align:center;border-bottom:1px solid;grid-row:1;width:100%;padding:.25rem}.speedbox{grid-row:2}.speedbox h1{text-align:center;margin:0;font-size:8rem;font-weight:bolder}.speedbox small{text-align:center;width:100%;display:block}.townname,.town-name{text-align:center;grid-row:3}.compass{text-align:center;flex-direction:row;grid-row:4;justify-content:center;align-items:center;gap:1rem;margin:0;padding:0;display:flex}.compass button{margin:0}.dash .towns{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:max(1rem, env(safe-area-inset-bottom));flex-direction:column;grid-row:5;gap:.5rem;display:flex;overflow-y:auto}.dash .action-buttons{flex-direction:row;grid-row:6;display:flex}.compass .current-target,.dash .towns div{text-align:center;padding:.5rem;font-size:1.2rem;display:block}.dash .towns div:first-child{font-weight:700}.dash .speedbox small.status{color:#6f6f6f;font-size:.7rem}.compass svg{transition:transform .2s linear}