*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--ink)}
img{display:block;max-width:100%}
.scr{position:relative;height:100vh;min-height:640px;overflow:hidden}
canvas.tin{width:100%;height:100%;display:block}
.tinbox{position:absolute;z-index:3;cursor:grab}
.note{position:fixed;left:16px;bottom:12px;z-index:50;font:500 12px/1.3 system-ui,sans-serif;background:#000c;color:#fff;padding:6px 10px;border-radius:4px}