*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:Helvetica,Arial,sans-serif;background:#c5ccd4 repeating-linear-gradient(90deg,#c5ccd4 0 5px,#cbd2d8 5px 9px);-webkit-text-size-adjust:none}#app,.page{height:100%}.page{display:none;flex-direction:column}.page.current{display:flex}.toolbar{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:45px;padding:6px 8px;gap:8px;background:linear-gradient(#cdd5df,#b0bccd 50%,#889bb3 51%,#8195af);border-bottom:1px solid #2d3642;flex:none}.toolbar h1{position:absolute;left:50%;transform:translate(-50%);margin:0;pointer-events:none;font-size:20px;color:#fff;text-shadow:0 -1px 0 #2d3642;white-space:nowrap}.toolbar .button,.toolbar .back{margin-left:auto;padding:6px 10px;border:1px solid #375073;border-radius:5px;background:linear-gradient(#7b93b6,#4a6c9b 50%,#3d5f8f 51%,#4a6c9b);color:#fff;font-size:13px;font-weight:700;text-decoration:none;text-shadow:0 -1px 0 #2d3642}.toolbar .back{margin-left:0;margin-right:auto}body:not(.gps-enabled) .toolbar.gpson,body.gps-enabled .toolbar.gpsoff{display:none}.map{flex:1;min-height:0;background:#e5e3df}.scroll{flex:1;overflow-y:auto;padding:0 0 20px}h2{display:flex;align-items:center;gap:6px;margin:14px 14px 6px;font-size:17px;color:#4c566c;text-shadow:0 1px 0 #fff}h2 img{max-height:24px}ul.rounded{list-style:none;margin:0 10px 14px;padding:0;background:#fff;border:1px solid #999;border-radius:8px}ul.rounded>li{padding:10px;border-top:1px solid #ddd;color:#000;font-size:16px}ul.rounded>li:first-child{border-top:0}ul.rounded ul.rounded{margin:10px 0 0}ul.sublist{list-style:none;margin:6px 0 0;padding:4px 8px;border-radius:6px;color:#fff}ul.sublist li{padding:3px 0}.highlight{font-weight:700}.distance{font-weight:700;margin-left:.3em}input[type=text],select{width:100%;padding:8px;font-size:16px;border:1px solid #bbb;border-radius:6px;margin:2px 0}select{background:#fff}button{font:inherit;cursor:pointer}.blueButton,.grayButton,.greenButton{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin:4px 0;padding:10px;border-radius:8px;font-weight:700;color:#fff;border:1px solid #000}.blueButton{background:linear-gradient(#5b9be0,#2f6ec0);border-color:#1f4f8f}.grayButton{background:linear-gradient(#bbb,#888);border-color:#666;cursor:default}.greenButton{background:linear-gradient(#5ec45e,#2f9a2f);border-color:#1f6f1f}.switch{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.switch input{appearance:none;flex:none;width:52px;height:30px;margin:0;border-radius:15px;position:relative;background:#e5e5e5;border:1px solid #bbb;transition:background .2s;cursor:pointer}.switch input:after{content:"";position:absolute;top:1px;left:1px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0006;transition:left .2s}.switch input:checked{background:#4cd964;border-color:#3cb853}.switch input:checked:after{left:23px}[hidden]{display:none!important}a{color:#194fdb}#about img{vertical-align:middle;max-height:20px}.rotate-north{top:65px;left:.5em}.ol-scale-line{bottom:8px;left:8px}@media print{.toolbar,.ol-control{display:none!important}}.fatal{margin:2rem 1rem;padding:1rem;border:2px solid #c00;border-radius:8px;background:#fff4f4;color:#900;font-weight:700}