html,body{margin:0;height:100%;background:#fff;overflow:hidden;overscroll-behavior:none}
canvas{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;display:block;touch-action:none;cursor:crosshair;-webkit-tap-highlight-color:transparent;user-select:none}
.snd{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:36px;height:36px;padding:0;border:0;background:transparent;opacity:.45;cursor:pointer;display:grid;place-items:center;z-index:2;transition:opacity .2s}
.snd:hover,.snd:focus-visible{opacity:.9}
.snd:focus-visible{outline:1px solid #141414;outline-offset:2px;border-radius:50%}
.nav{position:fixed;top:max(14px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font:12px/1.4 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:0}
.nav a{color:#141414;text-decoration:none;opacity:.55;transition:opacity .2s}
.nav a:hover,.nav a:focus-visible{opacity:1;text-decoration:underline;text-underline-offset:3px}