:root{--background: #edf6f9;--hud-ink: #618387;--hud-ink-strong: #2f4a4e}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--background)}#viewport{position:fixed;inset:0;overflow:scroll;overscroll-behavior:none;touch-action:pan-x pan-y;scroll-behavior:auto;scrollbar-width:none;-ms-overflow-style:none;background:var(--background)}#viewport::-webkit-scrollbar{display:none}#world{display:block}#hud{position:fixed;top:0;right:0;z-index:1;display:flex;align-items:baseline;gap:1rem;padding:calc(env(safe-area-inset-top,0px) + .9rem) calc(env(safe-area-inset-right,0px) + 1.1rem) .9rem 1.1rem;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-size:.72rem;line-height:1.4;letter-spacing:.08em;color:var(--hud-ink);opacity:.55;transition:opacity .3s ease;pointer-events:none}#hud:hover,#hud:focus-within{opacity:1;color:var(--hud-ink-strong)}#hud p{margin:0;display:flex;align-items:baseline;gap:.45em}#hud .hud-label{letter-spacing:.16em;opacity:.75}#hud .hud-value{font-variant-numeric:tabular-nums}#hud a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.1em;pointer-events:auto}#hud a:focus-visible{outline:2px solid var(--hud-ink-strong);outline-offset:3px}@media(max-width:30rem){#hud{font-size:.68rem;gap:.75rem}}