*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;background:#000;height:100%}canvas{cursor:crosshair;touch-action:pinch-zoom;width:100%;height:100%;display:block}:root{--ring-size:30px;--ring-duration:.7s}.ring{width:var(--ring-size);height:var(--ring-size);pointer-events:none;animation:ring-scale var(--ring-duration) ease-out forwards, ring-fade var(--ring-duration) ease-out forwards;border:1px solid #fff;border-radius:50%;outline:1px solid #000;position:fixed}@keyframes ring-scale{0%{transform:translate(-50%,-50%)scale(.5)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes ring-fade{0%{opacity:0}25%{opacity:1}75%{opacity:.75}to{opacity:0}}#information{color:#ccc;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none;pointer-events:none;text-wrap:balance;background:#0009;padding:8px 12px;font:11px ui-monospace,SFMono-Regular,monospace;position:fixed;top:0;left:0}