:root{--sand: #f3e7d3;--ink: #2c2418;--ink-soft: rgba(44, 36, 24, .62);--panel: rgba(255, 252, 246, .94);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--sand);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Tahoma,sans-serif;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}#app canvas{display:block;height:100dvh;width:100vw}#labels{position:fixed;inset:0;pointer-events:none;z-index:2}.label{position:absolute;top:0;left:0;padding:3px 9px;border-radius:999px;background:var(--panel);color:var(--ink);font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 2px 10px #2c24181f;direction:ltr;will-change:transform}#loading{position:fixed;inset:0;z-index:10;display:grid;place-content:center;justify-items:center;gap:14px;background:var(--sand)}.loading-mark{font-size:30px;font-weight:800;letter-spacing:-.5px}#loading p{margin:0;color:var(--ink-soft);font-size:14px}.hud{position:fixed;z-index:5;top:max(10px,env(safe-area-inset-top));inset-inline-start:10px;max-width:min(300px,calc(100vw - 20px));border-radius:16px;background:var(--panel);box-shadow:0 6px 24px #2c241824;font-size:12px;pointer-events:auto}.hud-toggle,.hud-copy{width:100%;padding:9px 12px;border:0;border-radius:16px;background:transparent;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.hud-copy{border-top:1px solid rgba(44,36,24,.1);border-radius:0 0 16px 16px;color:#6c5ce7}.hud-collapsed .hud-body{display:none}.hud-body dl{margin:0;padding:0 12px 8px;display:grid;gap:3px}.hud-body dl>div{display:flex;justify-content:space-between;gap:12px}.hud-body dt{color:var(--ink-soft)}.hud-body dd{margin:0;font-variant-numeric:tabular-nums;font-weight:600;direction:ltr}.hud-raw{margin:0;padding:8px 12px;max-height:30vh;overflow:auto;font-size:10px;direction:ltr;text-align:left;user-select:text;-webkit-user-select:text}