*{box-sizing:border-box;margin:0;padding:0}html,body{background:#000;width:100%;height:100%;overflow:hidden}canvas{display:block}#blocker{z-index:10;color:#fff;cursor:pointer;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;font-family:Courier New,monospace;display:flex;position:fixed;top:0;left:0}#blocker.hidden{display:none}#instructions{text-align:center;font-size:16px;line-height:2}#instructions p:first-child{margin-bottom:10px;font-size:24px;font-weight:700}#hud{pointer-events:none;z-index:5;width:100%;height:100%;position:fixed;top:0;left:0}#crosshair{color:#ffffffb3;-webkit-user-select:none;user-select:none;font-family:monospace;font-size:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#block-selector{gap:4px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.block-slot{color:#fff;text-shadow:0 0 4px #000;border:2px solid #ffffff4d;border-radius:4px;justify-content:center;align-items:center;width:48px;height:48px;font-family:monospace;font-size:12px;font-weight:700;transition:border-color .15s;display:flex}.block-slot.active{border-color:#fff;box-shadow:0 0 8px #ffffff80}#fps{color:#fff9;font-family:monospace;font-size:14px;position:absolute;top:10px;left:10px}