html,body{margin:0;height:100%;background:#000;color:#fff;font:400 16px/1.3 system-ui,-apple-system,sans-serif;overflow:hidden;overscroll-behavior:none}
canvas{position:fixed;inset:0;width:100vw;height:100dvh;display:block;touch-action:manipulation}
.mark{position:fixed;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));width:44px;height:44px;display:block}

footer{position:fixed;left:0;right:0;bottom:0;padding:8px max(14px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;color:#B3B3B3;pointer-events:none}
footer a{color:#B3B3B3;pointer-events:auto}
#msg{color:#FFD400}
#tip{position:fixed;transform:translate(-50%,-130%);background:#000;color:#fff;border:2px solid #FFD400;border-radius:999px;padding:6px 14px;font-weight:800;white-space:nowrap;pointer-events:none}