html,body{margin:0;height:100%;background:#0b0f11;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#app,canvas{display:block;width:100%;height:100%;touch-action:none}#loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#cfdad5;background:#0b0f11;transition:opacity .6s;z-index:5;padding:16px}#loading.done{opacity:0;pointer-events:none}.load-title{font-size:15px;letter-spacing:.04em}.bar{width:min(320px,80vw);height:4px;background:#1f2a28;border-radius:2px;overflow:hidden}.fill{height:100%;width:0;background:#7fb8a2;transition:width .2s}.load-pct{font-size:12px;color:#81918b;font-variant-numeric:tabular-nums}#load-errors{color:#e59a8c;font-size:12px;max-width:90vw;list-style:none;padding:0;margin:0;text-align:center}#ui{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));display:flex;gap:8px;z-index:4}#ui button{width:38px;height:38px;border-radius:19px;border:1px solid rgba(255,255,255,.14);background:#0e14148c;color:#d6e2dd;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:0;opacity:.75;transition:opacity .2s}#ui button:hover,#ui button:focus-visible{opacity:1;outline:none;border-color:#ffffff59}