/* ATLAS 9.19.18 compass + crosshair + zoom (phone) */
body.c9-on .atlas-compass-ctrl,body.c9-on #atlasCentreCross{display:none!important}
.c9-compass{position:fixed;right:10px;z-index:30;width:68px;height:68px;border-radius:50%;padding:0;border:1px solid rgba(232,237,242,.18);background:radial-gradient(circle at 50% 40%,rgba(36,44,52,.96),rgba(20,26,32,.96));box-shadow:0 4px 14px rgba(0,0,0,.45);color:#e8edf2;display:block;cursor:pointer;-webkit-tap-highlight-color:transparent}
.c9-compass.on{border-color:rgba(67,214,207,.8);box-shadow:0 0 0 2px rgba(67,214,207,.25),0 4px 14px rgba(0,0,0,.45)}
.c9-compass.rotated{border-color:#e8edf2}
.c9-ring{position:absolute;inset:3px;border-radius:50%;border:1px solid rgba(232,237,242,.12);will-change:transform;transition:transform .2s ease-out}
.c9-n{position:absolute;left:50%;top:1px;transform:translateX(-50%);font:800 9px/1 system-ui,sans-serif;font-style:normal;color:#ff6b5e}
.c9-tick{position:absolute;left:50%;bottom:2px;width:1px;height:4px;background:rgba(232,237,242,.35)}
.c9-arrow{position:absolute;left:50%;top:7px;width:30px;height:30px;margin-left:-15px;overflow:visible;transition:transform .25s ease-out;will-change:transform;opacity:1}
.c9-needle{fill:#43d6cf;stroke:rgba(10,16,22,.6);stroke-width:.5;stroke-linejoin:round}
.c9-tail{stroke:rgba(67,214,207,.55);stroke-width:1.1;stroke-linecap:round;fill:none}
.c9-val{position:absolute;left:0;right:0;top:38px;text-align:center;font:800 11.5px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.2px}
.c9-unit{position:absolute;left:0;right:0;top:51px;text-align:center;font:700 7.5px/1 system-ui,sans-serif;color:rgba(232,237,242,.5);letter-spacing:.04em}
.c9-cross{position:fixed;z-index:26;width:44px;height:44px;margin:-22px 0 0 -22px;pointer-events:none}
html body .c9-cross[hidden]{display:none!important}
html body .c9-cross:not([hidden]){display:block!important;visibility:visible!important;opacity:1!important}
.c9-cross svg{display:block;overflow:visible}
.c9-cross .o path,.c9-cross .o circle{stroke:rgba(10,16,22,.75);stroke-width:3.6;fill:none;stroke-linecap:round}
.c9-cross .i path,.c9-cross .i circle{stroke:#fff;stroke-width:1.6;fill:none;stroke-linecap:round}
.c9-zoom{position:fixed;right:10px;z-index:30;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;border:1px solid rgba(232,237,242,.18);background:rgba(24,30,36,.94);box-shadow:0 4px 14px rgba(0,0,0,.4)}
.c9-zoom button{width:40px;height:40px;border:0;background:transparent;color:#e8edf2;font:500 22px/1 system-ui,sans-serif;display:grid;place-items:center;padding:0 0 2px;cursor:pointer}
.c9-zoom button+button{border-top:1px solid rgba(232,237,242,.14)}
.c9-zoom button:active{background:rgba(232,237,242,.12)}
/* 9.19.18.3 desktop: compass shows the crosshair is on */
.atlas-compass-btn.cross-on{box-shadow:0 0 0 2px rgba(67,214,207,.7)!important}
@media(min-width:700px){html body #toolsMenu.tools-menu{right:72px!important;left:auto!important}}/* 9.19.18.3: keep the right control column (compass, zoom) uncovered */