.vis{z-index:1000;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:#000;outline:none;font:14px/1.4 system-ui,sans-serif;position:fixed;inset:0}.vis-canvas{width:100%;height:100%;display:block}.vis.vis-idle{cursor:none}.vis-hud{background:linear-gradient(#0000,#000000bf);flex-direction:column;gap:8px;padding:16px;transition:opacity .4s;display:flex;position:absolute;inset:auto 0 0}.vis.vis-idle .vis-hud{opacity:0;pointer-events:none}.vis-now{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.vis-scene{font-size:18px}.vis-source{opacity:.75}.vis-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.vis-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:8px;min-width:44px;min-height:40px;padding:6px 10px;font-size:18px}.vis-btn:hover,.vis-btn:focus-visible{background:#ffffff40}.vis-btn[aria-pressed=true]{background:#fff6}.vis-strobe{align-items:center;gap:6px;padding:0 6px;display:flex}.vis-keys{opacity:.6;margin:0;font-size:12px}@media (pointer:coarse){.vis-keys{display:none}}.vis-warning{box-sizing:border-box;background:#0a0a14f0;border:1px solid #f5c542;border-radius:12px;width:min(520px,100% - 32px);padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vis-warning h2{margin:0 0 8px;font-size:20px}.vis-ok{margin-top:8px;font-size:16px}.vis-fail{text-align:center;place-items:center;margin:0;padding:24px;display:grid;position:absolute;inset:0}