*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:#fff;background:#000;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}canvas{touch-action:none;width:100%;height:100%;display:block}button,select,input{font:inherit}button,select{color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:0;padding:10px 14px}button:hover,button[aria-pressed=true]{background:#ffffff1f;border-color:#ffffffbf}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #fff}button:disabled{opacity:.4;cursor:wait}.hud{pointer-events:none;text-shadow:0 1px 8px #000;position:absolute;inset:0}.hud button,.hud input,.hud select,.hud a{pointer-events:auto}.location{top:max(28px,env(safe-area-inset-top));left:max(30px,env(safe-area-inset-left));border-left:1px solid #ffffff80;padding-left:15px;position:absolute}.location strong{margin-bottom:8px;font-size:16px;font-weight:400;display:block}.location small{opacity:.65;font-size:10px;line-height:1.8;display:block}.top-controls{top:max(28px,env(safe-area-inset-top));right:max(30px,env(safe-area-inset-right));gap:8px;display:flex;position:absolute}.top-controls button{border-color:#0000;padding:8px 10px}.heading{text-align:center;width:170px;position:absolute;top:28px;left:50%;transform:translate(-50%)}.heading:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 16px,#ffffff59 16px 17px);border-bottom:1px solid #ffffff59;height:12px;margin-bottom:7px;display:block}.heading span{opacity:.7;margin-left:8px;font-size:10px}.speed{bottom:max(36px,env(safe-area-inset-bottom));left:max(30px,env(safe-area-inset-left));grid-template-columns:auto auto;align-items:baseline;column-gap:8px;display:grid;position:absolute}.speed output{letter-spacing:-3px;font-variant-numeric:tabular-nums;font-size:44px;font-weight:200;line-height:1}.speed span{opacity:.6;font-size:10px}.speed progress{background:#ffffff26;border:0;grid-column:1/3;width:126px;height:3px;margin-top:13px}progress::-webkit-progress-bar{background:#ffffff26}progress::-webkit-progress-value{background:#ffffffbf}.telemetry{bottom:max(34px,env(safe-area-inset-bottom));right:max(30px,env(safe-area-inset-right));text-align:right;opacity:.7;font-variant-numeric:tabular-nums;font-size:10px;line-height:1.9;position:absolute}.hint{text-align:center;white-space:nowrap;opacity:.72;font-size:10px;line-height:2;position:absolute;bottom:37px;left:50%;transform:translate(-50%)}.hint kbd{font:inherit;border:1px solid #ffffff59;margin-right:4px;padding:3px 5px}.hint p{margin:0}.hint span{margin:0 8px}.sky-marker{opacity:.7;font-size:10px;line-height:1.8;position:absolute}.sky-marker[hidden]{display:none}.sky-arrow{text-align:center;width:12px;height:18px;margin:-9px -6px;font-size:16px;display:block}.sky-label{white-space:pre;position:absolute;top:0;left:14px;transform:translateY(-50%)}.sky-marker[data-align=left] .sky-label{text-align:right;left:auto;right:14px}.sky-marker[data-edge=top] .sky-label,.sky-marker[data-edge=bottom] .sky-label{text-align:center;left:0;right:auto;transform:translate(-50%)}.sky-marker[data-edge=top] .sky-label{top:14px}.sky-marker[data-edge=bottom] .sky-label{top:auto;bottom:14px}.status{text-align:center;font-size:11px;position:absolute;top:24%;left:50%;transform:translate(-50%)}.loading{text-align:center;z-index:5;background:#000;place-content:center;gap:16px;transition:opacity .7s;display:grid;position:absolute;inset:0}.loading p{opacity:.6;margin:0;font-size:11px}.loading progress{border:0;width:200px;height:2px;margin:0 auto}.loading.ready{opacity:0;pointer-events:none}.panel{pointer-events:auto;background:#000000e0;border:1px solid #ffffff40;width:min(320px,100vw - 40px);max-height:calc(100dvh - 105px);padding:24px;position:absolute;top:76px;right:30px;overflow:auto}.panel[hidden]{display:none}.panel h2{margin:0 0 22px;font-size:14px;font-weight:400}.panel label{justify-content:space-between;align-items:center;gap:12px;margin:18px 0;font-size:11px;display:flex}.panel select{background:#000;max-width:155px;padding:8px}.panel input{accent-color:#fff}.panel button{text-align:left;width:100%;margin-top:12px;display:block}.panel p{opacity:.7;font-size:10px;line-height:1.7}.panel a{color:#fff}.credits{border-top:1px solid #fff3;margin-top:22px;padding-top:16px}.touch{pointer-events:none;justify-content:space-between;display:none;position:absolute;bottom:105px;left:25px;right:25px}.touch div{gap:9px;display:flex}.touch button{touch-action:none;-webkit-user-select:none;user-select:none;background:#0000004d;width:54px;height:54px}.hud.hidden>:not(.top-controls):not(.panel){visibility:hidden}.hud.hidden .top-controls{opacity:.3}@media (pointer:coarse){.touch{display:flex}.hint{bottom:29px}.keyboard-hint{display:none}}@media (max-width:700px){.location{top:21px;left:20px}.location strong{font-size:13px}.location small{font-size:9px}.top-controls{top:17px;right:12px}.heading{width:130px;top:102px}.speed{bottom:25px;left:20px}.speed output{font-size:33px}.speed progress{width:85px}.telemetry{font-size:9px;bottom:24px;right:20px}.hint{display:none}.panel{right:20px}}@media (prefers-reduced-motion:reduce){.loading{transition:none}}