:root{--sky:#8fd3f4;--inset-t:env(safe-area-inset-top,0px);--inset-r:env(safe-area-inset-right,0px);--inset-b:env(safe-area-inset-bottom,0px);--inset-l:env(safe-area-inset-left,0px)}html.fake-insets{--inset-t:0px;--inset-r:44px;--inset-b:21px;--inset-l:44px}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;background:var(--sky);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;height:100dvh;font-family:ui-rounded,-apple-system,system-ui,sans-serif;overflow:hidden}#view{touch-action:none;width:100%;height:100dvh;display:block}#hud{pointer-events:none;padding:var(--inset-t) var(--inset-r) var(--inset-b) var(--inset-l);position:fixed;inset:0}#stick{left:calc(var(--inset-l) + 26px);bottom:calc(var(--inset-b) + 26px);opacity:.55;background:#ffffff2e;border:3px solid #ffffff6b;border-radius:50%;width:168px;height:168px;transition:opacity .14s;position:absolute}#stick.active{opacity:.9;transition:none}#stick.hidden{display:none}#knob{will-change:transform;background:#ffffffc7;border-radius:50%;width:78px;height:78px;margin:-39px 0 0 -39px;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #00000038}#stats{color:#b6f7c1;white-space:pre;background:#16303d;border-radius:9px;margin:0 0 4px;padding:9px 11px;font:12px/1.55 ui-monospace,monospace;overflow-x:auto}#map-btn{right:calc(var(--inset-r) + 14px);top:calc(var(--inset-t) + 14px);pointer-events:auto;touch-action:manipulation;background:#ffffff4d;border:3px solid #ffffffb3;border-radius:50%;width:58px;height:58px;font-size:28px;line-height:1;position:absolute}#map-btn:active{background:#ffffff8c}#label{color:#fff;white-space:nowrap;pointer-events:none;will-change:transform;background:#122634bd;border:2px solid #ffffff73;border-radius:999px;padding:5px 15px 7px;font-size:25px;font-weight:700;line-height:1.15;position:absolute;top:0;left:0}#label[hidden]{display:none}#hello-btn{left:50%;bottom:calc(var(--inset-b) + 20px);pointer-events:auto;touch-action:manipulation;background:#ffc4d6b8;border:5px solid #ffffffd9;border-radius:50%;width:118px;height:118px;margin-left:-59px;font-size:58px;line-height:1;animation:1.5s ease-in-out infinite hello-pulse;position:absolute;box-shadow:0 4px 18px #00000038}#hello-btn[hidden]{display:none}#hello-btn:active{background:#ffffffeb;animation:none}@keyframes hello-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}#settings-toggle{top:calc(var(--inset-t) + 12px);left:calc(var(--inset-l) + 12px);color:#fff;pointer-events:auto;touch-action:manipulation;background:#00000038;border:none;border-radius:9px;width:36px;height:36px;font-size:18px;line-height:1;position:absolute}#settings{z-index:9;padding:calc(var(--inset-t) + 10px) calc(var(--inset-r) + 10px) calc(var(--inset-b) + 10px) calc(var(--inset-l) + 10px);touch-action:pan-y;background:#0a1e2d9e;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}#settings[hidden]{display:none}#settings-card{color:#1b3444;background:#f7fbfd;border-radius:16px;width:min(430px,100%);max-height:100%;padding:16px 18px;font-size:14px;overflow:auto;box-shadow:0 10px 40px #00000059}#settings-card h2{margin:0 0 10px;font-size:18px}#settings-card label{margin:12px 0 2px;font-weight:600;display:block}#settings-card label.row{align-items:center;gap:9px;font-weight:600;display:flex}#settings-card input[type=range]{width:100%;margin-top:5px}#settings-card input[type=checkbox]{width:22px;height:22px}#settings-card select{width:100%;margin-top:5px;padding:6px;font-size:14px}#settings-card output{float:right;font-variant-numeric:tabular-nums;opacity:.75;font-weight:400}#settings-card .hint{opacity:.62;margin:2px 0 0;font-size:12px}#settings-card .buttons{flex-wrap:wrap;gap:8px;margin:16px 0 4px;display:flex}#settings-card .buttons button{touch-action:manipulation;background:#fff;border:1px solid #b9ccd6;border-radius:9px;flex:auto;padding:9px 10px;font-size:13px}#settings-close{color:#fff;touch-action:manipulation;background:#2f86b8;border:none;border-radius:11px;width:100%;margin-top:10px;padding:12px;font-size:15px;font-weight:600}#picker{z-index:8;padding:calc(var(--inset-t) + 14px) calc(var(--inset-r) + 14px) calc(var(--inset-b) + 14px) calc(var(--inset-l) + 14px);touch-action:none;background:linear-gradient(#7fc7e8,#4e9ec4);position:fixed;inset:0}#picker[hidden]{display:none}#picker-map{touch-action:none;border-radius:18px;width:100%;height:100%;display:block}#picker-close{top:calc(var(--inset-t) + 22px);left:calc(var(--inset-l) + 22px);color:#fff;touch-action:manipulation;background:#00000047;border:4px solid #ffffffc7;border-radius:50%;width:64px;height:64px;font-size:28px;line-height:1;position:absolute}#picker-close[hidden]{display:none}#rotate{background:var(--sky);z-index:10;touch-action:none;place-items:center;display:grid;position:fixed;inset:0}#rotate[hidden]{display:none}#rotate-icon{place-items:center;display:grid;position:relative}#rotate-icon:before{content:"";border:5px dashed #ffffff8c;border-radius:16px;width:168px;height:96px;position:absolute}#rotate-phone{border:7px solid #fffffff2;border-radius:16px;width:96px;height:168px;animation:2.2s ease-in-out infinite tip}@keyframes tip{0%,32%{transform:rotate(0)}62%,to{transform:rotate(-90deg)}}