html,body{margin:0;padding:0;overflow:hidden;height:100%;background:#000}canvas{display:block}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair .ch-h,#crosshair .ch-v{position:absolute;background:#fff;mix-blend-mode:difference}#crosshair .ch-h{width:20px;height:2px;top:-1px;left:-10px}#crosshair .ch-v{width:2px;height:20px;top:-10px;left:-1px}#hotbar{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:4px}.hotbar-slot{width:48px;height:48px;border:2px solid rgba(255,255,255,.4);background:#00000073;box-sizing:border-box}.hotbar-slot.selected{border-color:#fff;background:#ffffff26}#fps,#blockinfo{position:absolute;left:8px;font-family:monospace;font-size:14px;color:#fff;background:#0006;padding:4px 8px;border-radius:4px;pointer-events:none}#fps{top:8px}#blockinfo{top:32px}