html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000}canvas{display:block;width:100%;height:100%;cursor:grab}canvas:active{cursor:grabbing}
.hint{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);color:#fff;background:#0009;padding:9px 14px;border-radius:20px;font:14px Arial;pointer-events:none;white-space:nowrap}
.cross{position:fixed;left:50%;top:50%;width:8px;height:8px;margin:-5px;border:1px solid #fff8;border-radius:50%;pointer-events:none}
.hud{position:fixed;left:18px;top:18px;color:#dcecff;background:#020814aa;border:1px solid #8bbcff55;padding:10px 12px;border-radius:8px;font:13px/1.45 monospace;pointer-events:none;min-width:205px}