#fx{position:fixed;inset:0;pointer-events:none;z-index:50;overflow:hidden}.box{position:absolute;left:0;top:0;border:1.5px solid var(--c);background:color-mix(in srgb,var(--c) 8%,transparent);will-change:transform,width,height}.box i{position:absolute;width:7px;height:7px;background:#fff;border:1.5px solid var(--c)}.box i:nth-child(1){left:-4px;top:-4px}.box i:nth-child(2){right:-4px;top:-4px}.box i:nth-child(3){left:-4px;bottom:-4px}.box i:nth-child(4){right:-4px;bottom:-4px}.box em{position:absolute;left:50%;top:100%;transform:translate(-50%,6px);background:var(--c);color:#fff;font:500 10px var(--f-mono,ui-monospace,Menlo,monospace);font-style:normal;padding:2px 6px;border-radius:2px;white-space:nowrap}.box u{position:absolute;left:-6px;bottom:100%;transform:translateY(-4px);color:var(--c);font:500 10px var(--f-mono,ui-monospace,Menlo,monospace);text-decoration:none;white-space:nowrap}.cur{position:absolute;left:0;top:0;will-change:transform}.cur svg{display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.cur b{position:absolute;left:14px;top:18px;background:var(--c);color:#fff;font:600 11px var(--f-body,system-ui,sans-serif);padding:3px 8px;border-radius:2px 8px 8px;white-space:nowrap}#hud{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;font:500 11px var(--f-mono,ui-monospace,Menlo,monospace);color:var(--muted,#8d8a86);background:#141417cc;border:1px solid var(--line,#26262b);padding:8px 10px;border-radius:2px;font-variant-numeric:tabular-nums;backdrop-filter:blur(6px)}#hud span{color:var(--fg,#f2efe9)}