:root,body{--sa-t:var(--discord-safe-area-inset-top,env(safe-area-inset-top,0px));--sa-r:var(--discord-safe-area-inset-right,env(safe-area-inset-right,0px));--sa-b:var(--discord-safe-area-inset-bottom,env(safe-area-inset-bottom,0px));--sa-l:var(--discord-safe-area-inset-left,env(safe-area-inset-left,0px));--bg:#12141c;--fg:#f4f1ea;--accent:#fc3;--panel:#141620eb}[hidden]{display:none!important}html,body{background:var(--bg);height:100dvh;color:var(--fg);margin:0;font:16px/1.3 system-ui,sans-serif;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0}#app canvas{width:100%;height:100%;display:block}#ui{pointer-events:none;padding:var(--sa-t) var(--sa-r) var(--sa-b) var(--sa-l);position:fixed;inset:0}#ui button{pointer-events:auto;font:inherit;color:var(--fg);cursor:pointer;background:#2b2f42;border:0;border-radius:10px;padding:10px 16px}#ui button.primary{background:var(--accent);color:#1a1a1a;font-weight:700}#ui button:disabled{opacity:.6;cursor:default}.panel{pointer-events:auto;background:var(--panel);border-radius:16px;gap:10px;width:min(340px,86vw);padding:18px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.title{text-align:center;margin:0;font-size:22px}.members{gap:6px;max-height:40dvh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.members li{align-items:center;gap:8px;display:flex}.members li.you .name{color:var(--accent)}.av{border-radius:50%;width:28px;height:28px}.badge{opacity:.7;border:1px solid;border-radius:6px;padding:0 5px;font-size:12px}.link{opacity:.7;word-break:break-all;-webkit-user-select:text;user-select:text;pointer-events:auto;margin:0;font-size:12px}.controls{pointer-events:none;position:absolute;inset:0}.ctl{box-sizing:border-box;color:var(--hud-white);background:var(--hud-disc);box-shadow:inset 0 0 0 1px var(--hud-keyline);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute}.ctl svg{width:50%;height:50%}.ctl.stick{box-shadow:none;border:2px solid var(--hud-ghost);background:0 0}.ctl.stick:after{content:"";background:var(--hud-ghost);border-radius:50%;width:18%;height:18%}#ui .gear{left:var(--sa-l);top:var(--sa-t);width:40px;height:40px;color:var(--hud-white);background:0 0;border-radius:50%;padding:8px;position:absolute}.gear svg,.sheet svg{width:24px;height:24px;display:block}.settings{pointer-events:auto;background:var(--hud-dim);place-items:center;display:grid;position:absolute;inset:0}.sheet{background:var(--hud-pill);box-shadow:inset 0 0 0 1px var(--hud-keyline);border-radius:20px;gap:10px;padding:14px;display:grid}.sheet .row{align-items:center;gap:8px;display:flex}.sheet .row.end{justify-content:space-between}.sheet .row>svg{color:var(--hud-white);opacity:.7;margin-right:4px}#ui .sheet button{min-width:48px;height:48px;color:var(--hud-white);box-shadow:inset 0 0 0 1.5px var(--hud-line);font-variant-numeric:tabular-nums;background:0 0;border-radius:12px;padding:0 12px;font-weight:700}#ui .sheet button[aria-pressed=true]{background:var(--hud-white);color:var(--hud-ink);box-shadow:none}.sheet button svg{margin:auto}.banner{top:calc(var(--sa-t) + 56px);background:var(--panel);white-space:nowrap;border-radius:10px;padding:8px 14px;position:absolute;left:50%;transform:translate(-50%)}.fatal{pointer-events:auto;text-align:center;background:#000000bf;place-content:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.perf{color:#0f0;z-index:9;pointer-events:none;background:#000a;padding:2px 4px;font:12px monospace;position:fixed;top:4px;left:4px}body[data-compact] #ui{visibility:hidden}