:root{--ink:#f4efe4;--ink-dim:#f4efe49e;--pill:#101418b8;--pill-hi:#242c34db;--line:#ffffff1f;--accent:#f0c419;font-family:Segoe UI Variable,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:#0d1114;margin:0;overflow:hidden}#view{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}.bar{pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.bar>*{pointer-events:auto}.pill{scrollbar-width:none;background:var(--pill);border:1px solid var(--line);border-radius:999px;align-items:center;gap:2px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.pill button{appearance:none;color:var(--ink-dim);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:9px 13px;font:600 13px/1 inherit}.pill button:hover{color:var(--ink);background:#ffffff12}.pill button.on{color:#141414;background:var(--ink)}.pill .lbl{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);padding:0 8px 0 10px;font:600 11px/1 inherit}.brand{letter-spacing:-.02em;text-shadow:0 2px 18px #0000008c;pointer-events:none;font:700 26px/1 inherit;position:absolute;top:16px;left:20px}.brand small{letter-spacing:.02em;color:var(--ink-dim);margin-top:6px;font:500 12px/1.4 inherit;display:block}.stats{color:var(--ink-dim);background:var(--pill);border:1px solid var(--line);border-radius:12px;min-width:150px;padding:8px 12px;font:500 12px/1.5 ui-monospace,Cascadia Mono,monospace;position:absolute;top:16px;right:16px}.info{background:var(--pill-hi);border:1px solid var(--line);border-radius:18px;width:min(340px,100vw - 32px);padding:16px 18px;font-size:13px;line-height:1.5;position:absolute;top:110px;right:16px}.info h3{letter-spacing:-.01em;margin:0 0 2px;font-size:17px}.info .sub{color:var(--ink-dim);margin-bottom:10px}.info dl{grid-template-columns:auto 1fr;gap:3px 12px;margin:0;display:grid}.info dt{color:var(--ink-dim)}.info dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.info .x{color:var(--ink-dim);cursor:pointer;background:0 0;border:0;font-size:18px;position:absolute;top:8px;right:10px}.hint{background:var(--pill);border:1px solid var(--line);color:var(--ink-dim);pointer-events:none;white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:12px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.compass{background:var(--pill);border:1px solid var(--line);pointer-events:none;border-radius:50%;place-items:center;width:44px;height:44px;font:700 12px/1 inherit;display:grid;position:absolute;bottom:76px;left:20px}.compass i{background:linear-gradient(var(--accent) 50%, var(--ink-dim) 50%);transform-origin:50% 16px;border-radius:2px;width:2px;height:16px;position:absolute;top:6px}#loading{text-align:center;z-index:10;background:radial-gradient(at 50% 40%,#22303a,#0d1114 70%);place-content:center;gap:14px;transition:opacity .8s;display:grid;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}.ld-title{letter-spacing:-.04em;font:700 clamp(48px,9vw,120px)/.9 inherit}.ld-bar{background:#ffffff1f;border-radius:4px;width:min(420px,70vw);height:4px;margin:0 auto;overflow:hidden}.ld-bar i{background:var(--ink);width:0;height:100%;transition:width .3s;display:block}.ld-msg{color:var(--ink-dim);font-size:13px}@media (max-width:700px){.stats{display:none}.brand{font-size:20px}.pill button{padding:8px 10px;font-size:12px}}