html,body{margin:0;width:100%;height:100%;overflow:hidden;background:transparent}
#particle-test,.scene{position:relative;width:100%;height:100%;overflow:hidden}
.backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
canvas{position:absolute;inset:0;width:100%;height:100%}
.tag{position:absolute;pointer-events:none;background:#000000;color:#fff;font:11px ui-monospace,monospace;letter-spacing:.08em;padding:7px 10px;transform:translate(-50%,-150%);white-space:pre;border-radius:1px;text-align:center;opacity:0;width:max-content}
.pause{position:absolute;right:10px;bottom:10px;z-index:2;font:11px system-ui,sans-serif;color:#fff;background:#151515;border:0;border-radius:2px;padding:7px 10px;cursor:pointer}
.pause:focus-visible{outline:2px solid white;outline-offset:3px}
@media(pointer:coarse){.pause{min-height:44px;min-width:44px}}