*{box-sizing:border-box;margin:0;padding:0}html,body{color:#e8e8e8;-webkit-font-smoothing:antialiased;background:#000;width:100%;height:100%;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}#scene{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}#scene.dragging{cursor:grabbing}.hud{pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:.32em;font-size:11px;line-height:2;position:fixed}.hud-top{top:max(20px, env(safe-area-inset-top));left:max(20px, env(safe-area-inset-left))}.hud-top .title{letter-spacing:.12em;color:#fff;margin-bottom:4px;font-size:15px;font-weight:500}.hud-top .line{color:#bdbdbd}.hud-top .hint{color:#8a8a8a}.hud-bottom{bottom:max(22px, env(safe-area-inset-bottom));white-space:nowrap;color:#9a9a9a;text-transform:uppercase;font-size:10px;left:50%;transform:translate(-50%)}.hud-bottom .sep{color:#4a4a4a;margin:0 .6em}.hud-bottom #point-of-sail,.hud-bottom #speed{color:#f0f0f0}.hud-bottom .arrow{letter-spacing:0;margin-right:.3em;display:inline-block}#veil{pointer-events:none;background:#000;transition:opacity 1.6s;position:fixed;inset:0}#veil.gone{opacity:0}@media (width<=520px){.hud{letter-spacing:.24em;font-size:9px}.hud-bottom{font-size:8px}.hud-bottom .sep{margin:0 .35em}}
