html,body,#app{margin:0;width:100%;height:100%}body{overflow:hidden;background:#101418;color:#fff;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial}canvas{display:block}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-panel{margin-top:8px;background:#0000007a;border:1px solid rgb(255 255 255 / 20%);border-radius:6px;padding:10px;min-width:320px;font-size:14px;line-height:1.4;pointer-events:auto}.hud-panel.is-collapsed{display:none}.dev-window{position:absolute;left:12px;top:12px;pointer-events:auto}.dev-toggle{background:#1f272d;color:#fff;border:1px solid #4f5b66;border-radius:4px;font:inherit;font-size:13px;padding:6px 10px;cursor:pointer}.dev-toggle:hover{background:#2d3842}.small{opacity:.85;font-size:12px;display:block;margin-top:4px}#sensitivity-input{width:100%;margin-top:6px}.actions{margin-top:8px;display:flex;gap:8px}.actions button{background:#1f272d;color:#fff;border:1px solid #4f5b66;border-radius:4px;font:inherit;padding:6px 10px;cursor:pointer}.actions button:hover{background:#2d3842}.crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:26px;text-shadow:0 0 6px rgb(0 0 0 / 75%)}.selected-block-bar{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#00000094;border:1px solid rgb(255 255 255 / 22%);border-radius:8px;padding:8px 12px;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.selected-block-preview{width:20px;height:20px;border-radius:4px;border:1px solid rgb(255 255 255 / 35%);box-shadow:inset 0 0 0 1px #00000047}#msg{min-height:20px;color:#ffd67b;margin-top:8px}.error{height:100%;display:grid;place-items:center;padding:24px;text-align:center}