html,body,#root{background:#efe7da;width:100%;height:100%;margin:0;overflow:hidden}canvas{touch-action:none}.loading{color:#8a7a62;pointer-events:none;place-items:center;font:15px/1.4 system-ui,sans-serif;display:grid;position:fixed;inset:0}.hud{left:16px;bottom:max(16px, env(safe-area-inset-bottom));color:#7d6e58;align-items:center;gap:12px;font:13px/1.4 system-ui,sans-serif;display:flex;position:fixed}.hud p{margin:0}.hud button{color:#3d3428;min-height:40px;font:inherit;cursor:pointer;background:#ffffffd9;border:0;border-radius:999px;padding:0 16px;font-weight:600;box-shadow:0 2px 10px #3c2d1926}.hud button:focus-visible{outline-offset:2px;outline:2px solid #2f8f9d}.hud button[aria-pressed=true]{color:#f3ecdd;background:#1e283cd9}@media (width<=480px){.hud p{display:none}}.hud.night p{color:#c9c1b3}