*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#0b0b0f;touch-action:none;overscroll-behavior:none}canvas{position:fixed;inset:0;width:100%;height:100%;display:block}#hint{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:5;font:11px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.14em;color:#8b93a0;background:#0b0b0fb3;padding:8px 14px;border-radius:2px;-webkit-user-select:none;user-select:none;pointer-events:none}#dbg{position:fixed;top:8px;left:10px;z-index:5;font:10px ui-monospace,Menlo,monospace;color:#4a5058;-webkit-user-select:none;user-select:none;pointer-events:none}.back{position:fixed;top:8px;right:12px;z-index:6;font:10px ui-monospace,Menlo,Consolas,monospace;letter-spacing:.18em;text-transform:uppercase;color:#4a5058;text-decoration:none;transition:color .3s}.back:before{content:"← "}.back:hover,.back:focus-visible{color:#c9d2dc}